มาถึงการใช้งานกันบ้าง เพื่อเป็นการให้เห็นถึงตัวอย่างเราจะเปรียบเทียบก่อนการใช้งานYUI Compressor โดย
ทดสอบครั้งเเรกเราจะเรียกใช้งานไฟล์ CSS เเละ Javascipt โดยปกติ
{% block stylesheet %}
{% stylesheets 'bundles/Sitetest/css/*' filter='cssrewrite'%}
<link href="/{{ asset_url }}" rel="stylesheet" type="text/css" />
{% endstylesheets %}
{% endblock %}
{% block javascript %}
{% javascripts 'bundles/Sitetest/js/*' %}
<script src="/{{ asset_url }}"></script>
{% endjavascripts %}
{% endblock %}
ทดสอบครั้งที่ 2 โดยใส่คำสั่ง filter='yui_css' เพื่อใช้งาน YUI สำหรับ CSS ส่วน filter='yui_js' เพื่อใช้งาน YUI สำหรับ JS เเละได้ทำการเพิ่มคำสั่ง รวมไฟล์ combine=true เพื่อรวมโค้ด CSS เป็นไฟล์เดียวกันลดระยะเวลา HTTP Request อีกด้วย
{% block stylesheet %}
{% stylesheets 'bundles/Sitetest/css/*' filter='cssrewrite' filter='yui_css' combine=true %}
<link href="/{{ asset_url }}" rel="stylesheet" type="text/css" />
{% endstylesheets %}
{% endblock %}
{% block javascript %}
{% javascripts 'bundles/Sitetest/js/*' filter='yui_js' combine=true%}
<script src="/{{ asset_url }}"></script>
{% endjavascripts %}
{% endblock %}