Nasihat tentang Mengoptimalkan Kecepatan Situs, dari mana harus memulai?

Saya diminta untuk mencoba dan menemukan solusi untuk waktu buka yang lambat di situs Magento kami. Saya menjalankan tes Yslow dan tampaknya pelanggar terbesar

• Buat lebih sedikit permintaan HTTP
• Gunakan CDN
• Tambahkan Tajuk Kedaluwarsa
• Letakkan Javascript di Bawah
• Minimalkan jS dan CSS
• Konfigurasikan Tag ET
• Kurangi pencarian DNS
• Hindari Filter AlphaImageLoader

Sebagai seorang manajer E-Commerce, saya mencari beberapa saran mengenai apa yang dapat saya lakukan dari peran saya di admin Magento, alat webmaster, dll. Dan apa yang bisa saya perintahkan kepada pengembang untuk membuat situs kami sesuai dengan kepatuhan dan terasa lebih cepat.

Saya juga telah melihat sebuah plugin bernama GTMetrix yang tampaknya melakukan banyak hal untuk Anda di dalam admin (menggabungkan lembar CSS, mengoptimalkan gambar, dll), apakah ada yang punya pengalaman dengan ini? Saya biasanya mencoba untuk menghindari terlalu banyak ekstensi yang menjangkau begitu dalam ke fungsi-fungsi penting tetapi sepertinya bisa menjadi solusi. http://gtmetrix.com/magento-optimization-guide.html

Saran Anda akan sangat dihargai, karena saya mengalami kesulitan mengetahui di mana harus mulai memiliki dampak terbaik.

Terima kasih sebelumnya.

(disalin dari blog saya sendiri di https://www.gui.do/post/101-ways-to-speed-up-your-magento-e-commerce-website )

A) Lingkungan hosting / Kiat umum

1. Dapatkan server khusus.
2. Host situs Anda di negara tempat pelanggan Anda berada.
3. Jangan meng-host file di server web Anda yang tidak Anda gunakan, besar atau kecil.
4. Pergi ke Admin MySQL dan pilih semua tabel dan perbaiki lalu optimalkan.
5. Gunakan akselerator PHP seperti APC, ZendOptimizer + atau Xcache.
   • APC - http://pecl.php.net/package/APC . Menambah ukuran APC.shm.size menjadi sekitar 128 untuk memungkinkan lebih banyak data di-cache oleh apc.
   • Xcache - http://xcache.lighttpd.net/
6. Hanya instal modul Apache yang diperlukan.
7. Gunakan Apache mod_expires dan pastikan untuk menetapkan berapa lama file harus di-cache. Anda dapat menggunakan contoh di bawah ini untuk konfigurasi virtualhost Apache Anda: # Aktifkan Kedaluwarsa dan tetapkan default ke 0 ExpiresActive On ExpiresDefault A0 # Siapkan caching pada file media selama 1 tahun (selamanya?) ExpiresDefault A29030400 Header tambahkan Cache-Control "public" # Menyiapkan caching pada file media selama 2 minggu ExpiresDefault A1209600 Header menambahkan Cache-Control "publik" # Menyiapkan caching 1 minggu pada file yang umum diperbarui ExpiresDefault A604800 Header menambahkan Cache-Control "proxy-revalidate"
8. Aktifkan Kompresi Gzip di htaccess .
9. Kompres output, gunakan zlib.output_compression atau mod_deflate.
10. Gunakan Jaringan Pengiriman Konten (CDN) untuk transfer paralel konten statis. Ada ekstensi Magento yang dapat membantu Anda melakukan ini dengan kategori dan gambar produk: One Pica Image CDN . Tapi ... (lihat tip selanjutnya).
11. Jangan gunakan terlalu banyak sumber eksternal yang berbeda (untuk gambar, iframe, (twitter / facebook) feed dll.) Karena setiap pencarian DNS membutuhkan waktu ekstra dan Anda membuat ketergantungan ekstra (pada beberapa server pihak ke-3) untuk situs Anda memuat dengan benar .
12. Aktifkan Apache KeepAlives: Pastikan konfigurasi Apache Anda telah mengaktifkan KeepAlives. KeepAlives adalah trik di mana beberapa permintaan HTTP dapat disalurkan melalui koneksi TCP tunggal. Pengaturan setiap koneksi TCP menimbulkan waktu tambahan, ini dapat secara signifikan mengurangi waktu yang diperlukan untuk mengunduh semua file (HTML, JavaScript, gambar) untuk situs web. Info lebih lanjut di Apache.org . Berhati-hatilah, saya pernah mendengar dari beberapa orang bahwa ini membuat (banyak) beban tambahan di server dan mungkin membuat server crash pada saat-saat lalu lintas tinggi!
13. Minimalkan arahan ulang.
14. Buat output Anda W3C sesuai. Kesalahan memperlambat browser.
15. Tukar Apache untuk NginX atau Litespeed. Jika ini bukan opsi, maka gunakan Zend Server (idealnya versi non-CE sehingga Anda dapat menggunakan caching halaman penuh).
16. Matikan atau setidaknya kurangi login server web (kurangi tulis disk)
    • Nonaktifkan Pencatatan Waktu Akses. Magento Wiki : Untuk server Linux, jika Anda memiliki logging akses-waktu diaktifkan di salah satu mysql, server web atau partisi cache Anda, coba nonaktifkan untuk meningkatkan kinerja. Jika Anda menggunakan ext3 atau reiserfs, mungkin ada metode penulisan jurnal yang lebih cepat yang dapat Anda gunakan. Untuk info lebih lanjut lihat Linux.com .
17. Kompilasi MySQL dari sumber dan bukan pengelola paket OS Anda.
18. Selalu tingkatkan ke versi Magento terbaru. Anda tidak hanya akan mendapatkan lebih banyak fitur dan perbaikan bug dan keamanan, tetapi setiap pembaruan Magento berkinerja lebih baik.
19. Ukuran Kueri Kueri: Blog Magento : Memodifikasi konfigurasi untuk server MySQL Anda untuk memanfaatkan RAM server Anda dengan lebih baik. Sebagian besar distribusi Linux menyediakan paket MySQL konservatif di luar kotak untuk memastikannya akan berjalan pada beragam konfigurasi perangkat keras. Jika Anda memiliki RAM yang cukup (mis. 1gb atau lebih), maka Anda mungkin ingin mencoba mengubah konfigurasi. Contoh my.cnf di bawah ini, meskipun Anda ingin membaca dokumentasi MySQL untuk daftar lengkap arahan konfigurasi dan pengaturan yang disarankan.
20. atur 'php_value memory_limit 128M' di konfigurasi php Anda atau tambahkan ke file .htaccess Anda untuk memastikan Anda tidak kehabisan memori.
21. Gunakan sistem file berbasis memori untuk data dinamis. Jika Anda menyimpan data dinamis ( var / cache , var / session ) pada RAMdisk atau tmpfs, I / O disk berkurang.
22. Ubah realpath_cache_size di php.ini.

    realpath_cache_size = 1M ( hati-hati , ini adalah  per proses apache )    realpath_cache_ttl=86400 (ok for production site) 

23. Memcache (untuk hardcore) didokumentasikan di http://www.magentocommerce.com/boards/viewthread/9037/ dan lebih banyak tips dari http://alexle.net/archives/275 untuk membuat Anda aktif dan berjalan.
24. Nonaktifkan direktif PHP open_basedir. Baca ini .
25. Hilangkan pemindaian struktur direktori untuk file .htaccess.
26. Innodb_buffer_pool_size yang disarankan.
    • Gabungan server web dan db, RAM 6 GB:  2-3 GB
    • Server database khusus, 6GB RAM: 5 GB
    • Server basis data khusus, RAM 12 GB: 10 GB
27. Kueri Cach: query_cache_size: 64MB, query_cache_limit: 2MB
28. Gunakan server backend terpisah untuk menangani pengguna admin, proses aktivitas backend (cron), pre caching halaman penuh dan untuk menangani permintaan media.
29. Gunakan beberapa web node (server frontend) untuk menangani penjelajahan dan checkout.
30. Gunakan caching reverse proxy Varnish, penjelasan Magento oleh @alistairstead: Pernis toko Magento Anda, buat terbang !.
31. Jika Anda memiliki situs populer yang dijelajahi oleh mesin pencari, Anda dapat menghemat beberapa sumber daya dengan men-tweak robots.txt Anda.
32. Coba beberapa ekstensi cache ini:
    • http://www.artio.net/magento-extensions/m-turbo-accelerator
    • http://www.aitoc.com/en/magento_booster.html
    • http://www.tinybrick.com/magento-modules/performance.html/
33. Instal addon Yireo DisableLog. Ini mencegah Magento menulis banyak hal ke database Anda yang tidak berguna ketika Anda sudah menggunakan sesuatu seperti Google Analytics.

B) Templat

1. Optimalkan semua gambar (templat) Anda - Sebagian besar jika tidak semua harus setidaknya di bawah 10kb.
   • Pangkas ruang putih menggunakan editor gambar Anda.
   • Gunakan File PNG8 atau file GIF daripada Jpegs dan jangan gunakan transparansi (tergantung pada berapa banyak warna yang Anda gunakan dan seberapa besar gambar itu, tetapi cobalah sendiri).
   • Skala gambar: buat gambar dalam dimensi yang Anda butuhkan dan jangan ubah ukurannya di editor.
   • Gunakan kompresi gambar (Anda dapat menggunakan smush.it untuk melakukannya untuk Anda).
   • Gunakan CSS Sprite, bahkan ada Generator CSS Sprite .
2. Perkecil Css Anda, hapus kode yang tidak digunakan .
3. Minimalkan penggunaan Javascript.
4. Gunakan template yang ringan sebagai dasar untuk template Anda. Misalnya: tema Yoast Blank SEO .
5. Tentukan dimensi Gambar .
6. Gunakan Blokir cache dan output HTML di ekstensi Anda.
7. Terapkan Javascript Lazy Loader untuk prototipe .

C) Konfigurasi Magento

1. Copot ekstensi apa pun yang sebenarnya tidak Anda gunakan.
2. Nonaktifkan modul yang tidak Anda gunakan:  System -> Configuration -> Advanced -> Advanced. ! [masukkan deskripsi gambar di sini] [1]
3. Aktifkan semua Cache Magento: Sistem -> Manajemen Cache.  
4. Gunakan Pelacak Statistik di luar kantor seperti Google Analytics dan bukan Tracker di tempat. Sebagian besar dari ini akan menggunakan Javascript, host Javascript sendiri.
5. Gabungkan Javascript dan Gabungkan file CSS : Sistem -> Konfigurasi -> Lanjutan -> Pengembang -> 'Pengaturan Javascript' dan 'Pengaturan CSS' . Anda juga dapat mempertimbangkan untuk menggunakan ekstensi untuk melakukan ini seperti ekstensi Fooman Speedster , mana yang paling cocok untuk Anda.
6. Cobalah beberapa ekstensi kinerja Magento.
7. Aktifkan Katalog Flat Magento, hanya membantu katalog yang sangat besar untuk merasakan peningkatannya.
8. Jangan gunakan navigasi berlapis jika Anda tidak benar-benar membutuhkannya, ini sumber daya yang intensif.
9. Gunakan fitur Kompilasi Magento. Dilaporkan memberi Anda peningkatan kinerja 25% -50%: Sistem> Alat> Kompilasi. Sunting: Yoav Kutner (Magento CTO) beri tahu saya bahwa " dalam versi yang lebih baru sejak kami mengoptimalkan katalog EAV, Kompilasi Magento tidak benar-benar diperlukan jika Anda memiliki caching kode byte dan jika dikonfigurasi dengan benar ".
10. Gunakan penyimpanan sesi yang benar, pilih sistem file atau basis data (selama pengaturan). Sebagian besar instalasi harus menggunakan "sistem file" karena lebih cepat dan tidak menyebabkan database tumbuh. Tetapi jika situs Anda akan berjalan di beberapa server, Anda harus memilih "database" sehingga data sesi pengguna tersedia terlepas dari server mana permintaannya dilayani. Info lebih lanjut tentang ini dari Ashley Schroder di Magebase.com.
11. Batasi jumlah produk pada halaman tinjauan produk.
12. Tetapkan hanya properti atribut frontend ke 'Ya' yang benar-benar akan Anda gunakan. Tetapkan semua lainnya ke 'Tidak'. Jangan gunakan dalam pencarian cepat, bandingkan pencarian lanjutan, dll. .: Katalog -> Atribut -> Kelola Atribut -> Properti Frontend.  
13. Nonaktifkan log Magento : Sistem -> Konfigurasi -> Lanjutan -> Pengembang -> Pengaturan Log (standar dinonaktifkan).  

Tip khusus perusahaan:

• Nonaktifkan Enterprise_CatalogEvent. Pergi ke Admin -> Sistem -> Konfigurasi -> Katalog -> Acara Katalog. Kemudian Anda ingin mematikan pengaturan untuk "Aktifkan Fungsi Acara Katalog" dan "Aktifkan Widget Acara Katalog".
• Aktifkan pencarian Solr, ini lebih cepat dibandingkan dengan pengaturan default, terutama ketika Anda memiliki banyak produk (> 10k).
• Aktifkan Caching Halaman Penuh.

D) Uji kecepatan, analisis, pemantauan

1. Uji situs Magento Anda dengan Tes Kecepatan Magento (oleh Ashley Schroder)
2. Jalankan situs Anda melalui situs web optimisasi.com.
3. Gunakan ekstensi Firefox Kecepatan Halaman Google atau Yahoo Yslow untuk beberapa tips dari Google dan Yahoo.
4. Terapkan pengukuran Google Speed ​​di Analytics: Ukur Waktu Muat Halaman dengan Laporan Analisis Kecepatan Situs
5. Monitoring kecepatan dan peringatan downtime.
   • Mon.itor.us
   • Pingdom

Tips Bonus

(karena itu sebenarnya tidak mempercepat frontend tetapi hanya backend):

• Gunakan K-Meleon jika Anda menggunakan Windows untuk pekerjaan Admin umum Anda. Ini menjadikan JS back-end berat Magento secara signifikan lebih cepat daripada browser lainnya.
• Gunakan ekstensi GoogleGears dari Yireo.com untuk menyimpan file statis secara lokal.
• Gunakan aplikasi pc / mac lokal untuk mengelola Magento (seperti  mag-manager.com ).

Saya menyadari bahwa Anda mungkin tidak dapat menggunakan semua tips di atas tetapi ini bukan tentang menggunakan semuanya, dan kadang-kadang Anda hanya membuat pilihan untuk memberikan fungsionalitas prioritas daripada kinerja dan tidak apa-apa. Jika Anda hanya dapat menerapkan beberapa dari mereka, Anda masih akan meningkatkan kecepatan dan mendapatkan pengalaman pengguna. Dan ingat: karena kecepatan tergantung pada banyak variabel, beberapa tips mungkin tidak berdampak pada situs web Anda sama sekali sementara yang lain dapat memiliki dampak besar. Jadi selalu uji dampak dari setiap langkah yang Anda ambil dan lakukan tindakan yang sesuai.

1. Gambar - Saya telah melihat banyak kasus di mana orang yang mengunggah gambar (produk, halaman CMS, dll) tidak dilatih tentang cara mengoptimalkan ukuran gambar. Ada banyak artikel yang tersedia secara online, tetapi banyak dari itu hanya akal sehat.

   • Jangan gunakan gambar untuk teks.
   • Gunakan JPEG / GIF / PNG dengan tepat (mis. Umumnya tidak menggunakan PNG untuk gambar foto)
   • Gunakan sprite untuk gambar kecil karena Anda dapat mengemas sekelompok gambar kecil ke dalam satu file yang hanya memberi Anda satu permintaan HTTP, bukan lusinan atau lebih. Anda mungkin mempertimbangkan ikon font juga.
   • Simpan gambar dengan kualitas serendah mungkin sambil tetap dapat dilihat. Saya menemukan sweet spot sering sekitar 50-60 kualitas untuk JPEG. Terkadang kualitas 20 dapat diterima dengan sempurna, dan Anda dapat mengurangi gambar dari 300Kb menjadi 30Kb. Itu penghematan besar.
   • Pertimbangkan malas memuat pada halaman gambar berat.

2. Permintaan HTTP - Pelanggar besar lainnya. Terkadang tidak banyak yang dapat Anda lakukan untuk mengurangi permintaan, tetapi Anda harus selalu mencoba untuk mendapatkan ini serendah mungkin. Magento menyediakan beberapa fitur untuk membantu mengatasi masalah ini (menggabungkan CSS / JS).

3. Pencarian DNS tambahan - Saya akan mengatakan ini yang paling penting untuk proses keranjang / checkout. Banyak toko akan memiliki berbagai integrasi API yang memanggil layanan. Meskipun Anda tidak dapat berbuat banyak untuk membuat respons API dari penyedia pengiriman lebih cepat, Anda setidaknya dapat mengidentifikasi layanan lambat yang tidak akan mudah terlihat sebaliknya. Pikirkan tentang waktu tambahan yang mungkin diperlukan checkout jika Anda melakukan panggilan ke UPS, FedEx, USPS, penyedia tarif pajak, penyedia pembayaran, situs afiliasi, dll.

4. Faktor lain - Beberapa faktor lain yang disebutkan dalam laporan Anda mungkin tidak akan memiliki dampak sebesar permintaan Gambar dan HTTP. Tentu saja layak untuk meminimalkan CSS dan Javascript, tetapi keuntungan dunia nyata hanya benar-benar terlihat dalam agregat jangka panjang. Juga, CDN dapat sangat membantu, terutama jika Anda menawarkan produk yang dapat diunduh.

Saya pikir sering ada terlalu banyak ditempatkan pada hosting sendiri. Di masa lalu, saya telah ditugaskan untuk melakukan tweak server tertentu untuk meningkatkan kecepatan situs, hanya untuk mengetahui halaman beranda memuat aset 20MB.

Demikian juga, kertas putih Magento pada kinerja server tidak akan berguna jika situs Anda dibuat ceroboh dengan terlalu banyak mengasapi. Jika tujuan Anda adalah untuk meningkatkan kecepatan situs Anda, langkah pertama harus melihat halaman itu sendiri untuk menemukan inefisiensi. Hanya setelah Anda menentukan situs Anda ramping dan berarti seperti yang Anda inginkan, Anda harus mulai mempertimbangkan untuk meningkatkan hosting Anda.

Sebagai catatan, sebuah situs yang saya kelola telah menggunakan SIP-200 di Nexcess selama sekitar lima tahun atau lebih dan menerima rata-rata 5000 kunjungan sehari (musiman, sehingga mencapai lebih dari 10 ribu di akhir musim semi / awal musim gugur). Saya sama sekali tidak memiliki keluhan tentang tingkat server untuk situs ini, dan kami menjalankan versi Magento CE yang cukup lengkap dengan ribuan produk di berbagai kategori.

Gambar adalah masalah besar di internet, hampir sebesar masalah javascript. Hal pertama yang perlu Anda lakukan adalah mengoptimalkan gambar Anda.

• Siapkan Jaringan Pengiriman Konten
• Optimalkan gambar Anda
• Gunakan Image LazyLoader

Sekarang ke file Javascript Anda :

• Kompres dan gabungkan mereka
• Hilangkan reload halaman tambahan dengan menggunakan lebih banyak ajax
• Letakkan file JS Anda ke dalam footer
• Muat file JS Anda dari domain yang berbeda

Cache seperti orang gila

• Aktifkan caching MySql dan tambah ukuran kumpulan memori
• Aktifkan caching APC sehingga PHP tidak harus mempelajari kembali sendiri setiap kali
• Aktifkan Caching Halaman Penuh Magento dan gunakan Caching Apache
• Aktifkan GZIP untuk mengirimkan file Anda ke pengguna dengan lebih cepat.
• Aktifkan Tajuk Kedaluwarsa yang tepat sehingga pengguna Anda juga melakukan caching

Magento juga memiliki sejumlah mekanisme caching internal:

• Aktifkan Caching Magento yang jelas
• Aktifkan Kompresi dan Kompilasi CSS dan JS dari admin
• Aktifkan katalog dan produk Flat untuk mempercepat panggilan mysql
• Aktifkan Magento Compiler untuk mempercepat autoloader PHP

Jika Anda ingin lebih detail, saya telah mengambil informasi dari basis pengetahuan ini .

Inilah yang saya sarankan untuk mempercepat situs Magento:

1. Lakukan audit ekstensi pihak ketiga dan audit TTFB. Beberapa plugin khusus memperlambat Magento. Dapatkan daftar semua modul pihak ketiga dan nonaktifkan satu per satu. Kecepatan benchmark dengan www.webpagetest.org. Saat Anda mengidentifikasi pelaku, hubungi vendornya untuk memberi tahu mereka. Untuk menjalankan audit TTFB instal program xhprof gratis atau gunakan NewRelic .

2. Cari tahu apakah sumber daya hosting Anda cukup untuk menjalankan Magento. Instal salinan baru Magento versi yang sama di hosting Anda. Bandingkan kecepatannya dengan situs langsung. Jika secara signifikan lebih cepat dari situs Anda maka hosting Anda OK. Jika selambat situs langsung Anda, maka hosting Anda tidak bagus.

3. Lakukan berbagai optimasi frontend. Ini termasuk: optimasi gambar, kompresi gzip, CSS / JS minification. Anda bisa mendapatkan laporan tentang apa yang perlu Anda lakukan dengan menjalankan situs Anda melawan Google PageSpeed ​​Insights .

Diambil dari artikel saya .

• Anda perlu fokus untuk mengoptimalkan situs web Anda (struktur, CSS, gambar, dll.) Dan menemukan host yang sangat cepat.

• Saya sarankan Anda mencari host yang memberikan penyimpanan SSD dan Cloudflare CDN dan layanan hosting mana yang secara khusus dioptimalkan untuk situs web berbasis Magento.

• Saat ini saya menggunakan apa yang disebut '' Populer '' rencana untuk situs web saya dan untuk itu melakukan pekerjaan dengan baik.

• Berikut ini spesifikasi lengkapnya: https://www.bgocloud.com/hosting/websites-cpanel/popular-plan .

Jika menurut Anda fitur-fitur ini tidak cocok untuk Anda, Anda dapat melihat paket lain atau pada halaman server khusus.

Saya telah menemukan hal # 1 yang paling penting dalam hal kecepatan situs dan magento adalah server Anda. Apakah Anda memiliki host yang berdedikasi? Kamu harus. Terutama yang dengan drive SSD. Bagian paling lambat dari Magento adalah bagaimana sebenarnya memproses PHP dan merender halaman, dan satu-satunya cara untuk memerangi itu adalah server yang lebih baik. Juga cache halaman penuh, coba Lesti FPC.

Ada jawaban panjang dan pendek, karena Guido sudah menunjukkan ini adalah langkah-langkah yang perlu Anda ikuti untuk pengaturan Anda. Anda harus menemukan beberapa sumber daya yang kompeten untuk menjalankan semua kombinasi untuk menemukan yang paling cocok, itu cukup memakan waktu tetapi proses standar situs Magento perlu dijalankan. Ada juga jawaban singkat tetapi kami bekerja dengan inkubator dan mereka menggunakan teknik perusahaan terutama untuk platform kelas atas, namun mengirimnya ke Magento tetapi tidak akan relevan di sini. Anda harus menemukan keseimbangan yang tepat antara perangkat keras, fpc, caching, persyaratan bisnis, satu-satunya masalah adalah setelah Anda menjalani latihan jika Anda mengubah secara material apa pun yang Anda perlukan untuk memutarnya kembali.

Atau Anda melewatkan semua itu, gunakan tumpukan teknologi yang sama seperti Etsy, hosting yang sama dengan Sangat dengan multi-node, lewati fpc, dekat fpc ttfb, 1-2s beban dinamis, dan gunakan Pagespeed yang semuanya ditambahkan bersama-sama memberi Anda Sebagai lintas papan . Sekarang, jika Anda memiliki lebih dari pembuat kode dan ekstensi yang ditambahkan ada batasan. Itu tergantung jika Anda ingin mengambil rute teknologi dan harus melewati semuanya ke tingkat ke-9 di mana programmer akan tidak setuju dengan bisnis, atau Anda mengambil pandangan bisnis dan menemukan solusi terbaik terlepas dari protes teknologi yang sering mengakibatkan kurang teknis kerja.