มาถึงการใช้งานกันบ้าง เพื่อเป็นการให้เห็นถึงตัวอย่างเราจะเปรียบเทียบก่อนการใช้งาน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 %}