2Gabungkan dan kompres file JavaScript dan CSS di sisi server
Salah satu praktik terbaik terpenting untuk pengoptimalan kinerja web adalah mengurangi permintaan HTTP, dan ini juga merupakan aturan terpenting di YSlow. Solusi untuk mengurangi permintaan HTTP termasuk menggabungkan file JavaScript dan CSS, Sprite CSS, Peta Gambar, dan penggunaan URI Data untuk menyandikan gambar. Sprite CSS dan pemetaan gambar kini tersedia secara luas, namun karena IE6 dan IE7 tidak mendukung URI Data dan masalah performa, teknologi ini belum banyak digunakan. Saat ini, jumlah file JavaScript dan CSS di sebagian besar halaman web sama dengan saat dikembangkan. Sejumlah kecil halaman web akan digabungkan secara lokal sesuai dengan situasi sebenarnya. Setiap penggabungan baru perlu dilakukan lagi secara lokal. Menyelesaikan dan mengunggah ke server relatif biasa dan rumit, dan kompresi file yang sama memiliki situasi yang serupa. Dengan menggunakan penggabungan dan kompresi sisi server, kita dapat membuat granularitas file sekecil mungkin sesuai dengan logika pengembangan, dan menggunakan aturan URL di halaman web untuk menggabungkan dan mengompresi file secara otomatis, yang akan cukup fleksibel dan efisien.
Pengendali Kombo YUI
Pada bulan Juli 2008, Tim YUI mengumumkan bahwa mereka akan menyediakan layanan Combo Handler untuk komponen JavaScript YUI di YAHOO! Combo Handler adalah modul Apache yang dikembangkan oleh Yahoo!, yang memungkinkan pengembang dengan mudah dan nyaman menggabungkan file JavaScript dan CSS melalui URL, sehingga sangat mengurangi jumlah permintaan file. Misalnya, menggunakan komponen Editor Teks Kaya YUI2 pada suatu halaman memerlukan pengenalan beberapa file JavaScript. Metode umum adalah sebagai berikut:
Setelah menggunakan layanan Combo Handler, kode di atas dapat ditulis sebagai:
Selain sedikit mengurangi keterbacaan kode, penggunaan layanan Combo Handler sangat mengurangi jumlah permintaan HTTP dan juga mengurangi jumlah kode URL, yang sangat penting untuk optimalisasi kinerja Web. Oleh karena itu, mulai dari YUI 2.6.0, komponen intinya YUI Loader memiliki fungsi Penanganan Kombo bawaan. Artinya, saat menggunakan YUI Loader, dengan mengonfigurasi atribut gabungan, beberapa file JavaScript atau CSS yang akan dimuat dapat dimuat di dalam. bentuk penggunaan layanan Combo Handler, selama server file statis mendukung Combo Handler. Di YUI, ketika gabungan dikonfigurasi ke true, CDN defaultnya menggunakan Yahoo! CDN ( http://yui.yahooapis.com ), jadi tidak ada masalah. Ini adalah salah satu bagian paling menawan dari YUI.
Sayangnya, kecepatan http://yui.yahooapis.com di China kurang baik. Awalnya Yahoo China menyediakan http://cn.yui.yahooapis.com/ , tetapi belum menyediakan layanan Combo Handler pada saat yang sama, karena berbagai alasan, Pembaruannya terhenti sejak YUI 2.7.0. Yang lebih parahnya adalah meskipun modul Apache yang dikembangkan oleh Yahoo! untuk mendukung Combo Handler kabarnya direncanakan menjadi open source, setidaknya untuk saat ini masih merupakan teknologi swasta tidak banyak penerapan teknologi serupa di Cina.