it-swarm-id.com

Bagaimana Anda meningkatkan kecepatan situs web Anda tanpa mengorbankan desain dan akses?

Bagaimana Anda meningkatkan kecepatan memuat situs web Anda tanpa mematikan desain dan aksesibilitas? Kompresi file, CDN, Gzip? Apa alat terbaik untuk melakukannya?

Misalnya, Google telah mengoptimalkan situs mereka tanpa mengganggu desain. Juga, banyak situs web dapat membunuh kemurnian gambar mereka dengan kompresi.

Apakah ada cara, lebih atau jangan praktik terbaik, untuk meningkatkan kecepatan tanpa mengorbankan desain dan aksesibilitas?

Catatan: maaf karena terlalu samar tapi saya tidak tahu bagaimana lagi untuk mengucapkan pertanyaan ini.

3
Kevin

Gzip mungkin adalah hal paling drastis yang dapat Anda lakukan.
Memastikan semua file Anda css dan js diminimalkan. periksa apakah Anda tidak memuat js libraries atau css yang tidak Anda butuhkan. Sebagian besar pengguna akan men-cache ini sehingga setelah halaman pertama tidak terlalu penting.

Selain itu, pastikan caching berfungsi dengan baik, seperti tidak mem-parsing ulang halaman untuk setiap permintaan yang tidak perlu di-parsing ulang. jika perlu nessasary anyways

7
WalterJ89

Hampir semua Yahoo Praktik Terbaik dapat diimplementasikan tanpa menyentuh desain situs dengan cara apa pun. Minimalkan permintaan HTTP dengan menggabungkan semua CSS menjadi satu file dan semua JS menjadi satu file. Gunakan Gzip. Tetapkan tajuk Kedaluwarsa yang baik.

Aturan-aturan ini dapat mempengaruhi desain:

  • Mengurangi Jumlah Elemen DOM - layak untuk dilihat, Anda harus dapat mengurangi ukuran HTML sambil tetap menjaga desainnya tetap sama.
  • Minimalkan Jumlah iframe - mungkin lebih baik untuk menghindari ini sedapat mungkin.
  • Optimalkan Gambar - Anda harus mengoptimalkan gambar jika memungkinkan, tetapi jangan berlebihan dengan mengorbankan desain Anda.
7
DisgruntledGoat

Lebih dari sekadar memperkecil CSS/JS, gabungkan menjadi satu file untuk setiap format sebanyak yang Anda bisa. Semakin sedikit unduhan, semakin baik. Jika ini tidak mungkin, pindahkan ke nama domain lain, baik yang dihosting di server yang sama atau pada CDN.

Gzip, seperti yang dikatakan, luar biasa kuat.

Pindahkan JS Anda ke bagian bawah dokumen dan pastikan semua CSS ada di head. Hindari inline JS dan CSS.

Cache semua dan atur Expires header dan ETags.

1
Kenneth Love

Kecepatan Halaman. Ini adalah plugin dari Google untuk FireBug. Jika Anda menjalankannya di situs Anda, itu akan memberi tahu Anda di mana Anda perlu meningkatkan. Sebagian besar mengikuti saran yang diberikan oleh Praktik Terbaik Yahoo, tetapi akan memberi tahu Anda di mana Anda perlu meningkatkan.

Saya telah melihat peningkatan kecepatan terbesar di mengurangi ukuran gambar saya . Untuk mencapai ini, Anda dapat menggunakan "Simpan Untuk Web & Perangkat" di Photoshop ATAU program Mac lain yang bagus yang dapat mengurangi gambar Anda adalah ImageOptim .

0
Shane Stillwell

Sejalan dengan Praktik Terbaik Yahoo (YBP) Anda mungkin ingin melihat Add-on YSlow Firefox . Ini akan memberi Anda ikhtisar cepat tentang bagaimana suatu situs melakukan sehubungan dengan YBP.

0
Thomas

Saya telah menulis artikel terperinci tentang pengoptimalan kecepatan yang mungkin bermanfaat bagi Anda.

http://www.elevatelocal.co.uk/blog/17-rules-of-speed-optimisation-0501511

0
ysekand

Gunakan CDN untuk file statis seperti javascript, css dan gambar. Baik RackspaceCloud dan Amazon memiliki yang cukup murah.

0
  • Mengurangi jumlah permintaan HTTP ke minimum - mis. pastikan Anda menggunakan sprite gambar di tempat Anda dapat, apakah Anda memiliki banyak file javascript atau css yang dimuat untuk setiap halaman? Gabungkan mereka menjadi satu
  • Apakah ada pengalihan yang bisa Anda hilangkan?
  • Muat lembar gaya di bagian atas dokumen Anda, javascript di bagian bawah
  • Jika situs Anda besar, sediakan server yang secara geografis dekat dengan basis pengguna terbesar Anda.
0
dmsnell

Saya menggunakan caching di ASP.NET, dan itu bisa menghemat banyak waktu dengan menghindari panggilan database duplikat, panggilan fungsi dan bahkan halaman.

0
harriyott