Bagaimana Kami Memotong Waktu Muat Halaman Sebanyak 10 Detik

Kecepatan dan sosial sepertinya tidak bekerja sama dalam hal situs web yang bagus. Kami memindahkan situs kami ke Roda gila (tautan afiliasi) dan itu sangat meningkatkan kinerja dan stabilitas situs kami. Namun desain situs kami - dengan footer gemuk yang mempromosikan aktivitas sosial kami di Facebook, Twitter, Youtube, dan di Podcast kami - memperlambat situs kami hingga merayap.

Itu buruk. Saat halaman yang bagus dimuat dalam 2 detik atau kurang, situs kami memerlukan waktu lebih dari 10 detik untuk menyelesaikan satu halaman. Masalahnya bukan WordPress atau Flywheel, masalahnya adalah semua elemen interaktif yang kami muat dari layanan lain… Widget Facebook dan Twitter, gambar pratinjau Youtube, aplikasi Podcast kami, saya tidak bisa mengontrol seberapa lambat mereka dimuat. Sampai sekarang.

Anda akan melihat sekarang bahwa halaman kami dimuat dalam waktu sekitar 2 detik. Bagaimana kami melakukannya? Kami menambahkan bagian dinamis ke footer kami yang hanya dimuat saat pengguna menggulir sampai ke titik itu. Gulir ke bagian bawah halaman kami di browser (bukan seluler, aplikasi, atau tablet) dan Anda akan melihat gambar yang sedang dimuat mengambil alih:

memuat

Memanfaatkan jQuery, kami tidak benar-benar memuat dasar halaman sampai seseorang menggulir di sana. Kode sebenarnya cukup sederhana:

$ (window) .scroll (function () {if (jQuery (document) .height () == jQuery (window) .scrollTop () + jQuery (window) .height ()) {if ($ ("# placetoload" ) .text (). length <200) {$ ("# supplementary"). load ('[jalur lengkap halaman yang akan dimuat]');}}});

Setelah pengguna menggulir ke dasar halaman, jQuery pergi mengekstrak konten halaman dari jalur yang ditentukan dan memuatnya di dalam div yang Anda pilih.

Meskipun situs tidak lagi mendapat manfaat dari konten yang dimuat di sana (karena mesin telusur tidak merayapinya), kami cukup yakin bahwa kecepatan laman akan membantu peringkat, berbagi, dan keterlibatan kami lebih dari sekadar memiliki seseorang tidak sabar menunggu laman kami dimuat dengan sangat lambat. Yang terbaik dari semuanya, halaman tersebut masih memiliki semua elemen yang kami ingin libatkan dengan pengunjung kami… tanpa mengorbankan kecepatan halaman.

Kami masih memiliki beberapa pekerjaan yang harus dilakukan… tetapi kami sedang menuju ke sana!

Bagaimana menurut Anda?

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.