it-swarm-id.com

Metode yang efektif untuk mengurangi bandwidth (dan dengan demikian waktu pemuatan halaman)?

Apa metode yang paling efektif untuk mengurangi jumlah bandwidth yang dibutuhkan situs web untuk membuat halaman?

Caching agresif? Meminimalkan JS/CSS? Gzip? CMS? Sprite?

12
Mark Henderson

Beberapa metode dasar yang mudah diterapkan oleh situs web apa pun:

  • Kompres HTML, CSS dan Javascript Anda dengan deflate atau gzip jika browser yang mengajukan permintaan mendukungnya.
  • Perkecil javascript Anda dengan Google Closure Compiler
  • Perkecil css Anda dengan Kompresor YUI

Sedikit lebih terlibat:

  • Jika sebuah halaman atau gambar tidak mungkin berubah, minta browser untuk menyimpannya. Sebagian besar server web sudah melakukan ini untuk file statis, jadi yang harus Anda lakukan adalah menambahkannya ke skrip dinamis Anda jika memungkinkan.
  • Gabungkan file CSS dan JS Anda menjadi satu file secara otomatis . Ini menguntungkan karena mengurangi permintaan HTTP (yang memiliki overhead dan yang browser bodoh tertentu - dan maksud saya Internet Explorer - membatasi secara default 2 permintaan pada waktu per domain).
  • Pindahkan file statis Anda (CSS, JS, gambar, dll) ke nama domain yang terpisah. Ini menyebabkan informasi cookie tidak dikirim dalam permintaan HTTP.
  • Gunakan sprite yang dihasilkan secara otomatis . Sprite adalah gambar tunggal yang mengandung banyak ikon atau gambar kecil lainnya; Anda kemudian memilih gambar mana yang akan ditampilkan dengan properti CSS background. Contoh .

    Keuntungannya adalah bahwa klien membuat lebih sedikit permintaan HTTP (yang memiliki overhead).

Saya berani "secara otomatis" karena jika Anda melakukan hal-hal ini secara manual maka itu pasti tidak sepadan, dan itu membuat pemeliharaan kode mimpi buruk. Biasanya melakukannya secara otomatis berarti menulis skrip khusus, itulah sebabnya "sedikit lebih terlibat",

10
Thomas Bonini

Google telah menjabarkan dan menjelaskan rekomendasi mereka yang terbaik Minimalkan Ukuran Muatan . Mereka termasuk teknik-teknik berikut:

  1. Aktifkan kompresi
  2. Hapus CSS yang tidak digunakan
  3. Perkecil JavaScript
  4. Minimalkan CSS
  5. Minify HTML
  6. Tunda pemuatan JavaScript
  7. Optimalkan gambar
  8. Sajikan gambar berskala
  9. Sajikan sumber daya dari URL yang konsisten

Saran ini adalah bagian dari proyek add-on Firefox/Firebug open-source mereka yang disebut Kecepatan Halaman . Mirip dengan plugin Yahoo YSlow . Pengaya Kecepatan Halaman aktual akan memeriksa lebih banyak optimasi daripada yang dijelaskan secara rinci di dalam daftar itu. Petunjuk untuk Menggunakan Kecepatan Halaman juga disajikan.

Yahoo! Praktik Terbaik untuk Mempercepat Situs Web Anda mengidentifikasi serangkaian praktik terbaik yang serupa:

  1. Minimalkan Permintaan HTTP
  2. Gunakan Jaringan Pengiriman Konten
  3. Tambahkan yang kedaluwarsa atau Header Kontrol-Cache
  4. Komponen Gzip
  5. Letakkan Stylesheets di Atas
  6. Letakkan Script di Bawah
  7. Hindari Ekspresi CSS
  8. Jadikan JavaScript dan CSS Eksternal
  9. Kurangi Pencarian DNS
  10. ...

(Daftar Yahoo! Panjang ~ 35 item, tidak perlu mengutip secara keseluruhan.)

Baik YSlow (tautan gambar) dan Kecepatan Halaman (tautan gambar) akan memungkinkan Anda untuk menjalankan tes pada halaman Anda, menyarankan hal-hal yang dapat Anda lakukan dan menunjukkan kepada Anda apa, dari mereka rekomendasi, sudah diterapkan.

5
Bryson