8 Tips untuk Mengoptimalkan Kecepatan Situs Anda

Diterbitkan: 2022-08-03

Seberapa cepat situs Anda?

Kita semua tahu bahwa situs yang lambat berdampak negatif terhadap perilaku pengguna. Tetapi apakah Anda benar-benar melakukan semua yang Anda bisa untuk meminimalkan kecepatan situs Anda?

Hari ini, kita membahas delapan tips untuk optimasi kecepatan situs dengan seorang pria yang hal favoritnya adalah pengembangan web, petrologi, WordPress, fiksi ilmiah, dan gin. Dan siapa yang paling bahagia ketika mendalami PHP, di atas panggung, atau membaca buku yang bagus. Dia adalah ahli strategi digital, teknolog pemasaran digital, dan pengembang full-stack dan merupakan kepala SEO di Yoast.

Sambutan hangat untuk podcast In Search SEO Jono Alderson.

Delapan langkah tersebut adalah:

Data Web Inti
Cloudflare
Alat Pengembang Chrome
Teknik Pengoptimalan Gambar Tingkat Lanjut
Teknik Optimasi Font Tingkat Lanjut
Trik CSS dan JavaScript
Caching dan Pembuatan Versi
Kit Pihak Ketiga yang Pintar

Delapan Elemen Penting Situs Web Cepat

J: Hei, senang berada di sini. Terima kasih telah memilikiku. Ini sangat mengasyikkan.

D: Hebat, Jono. Baik untuk memiliki Anda. Anda dapat menemukan Jono di jonoalderson.com. Jadi Jono, menurut Anda bagaimana sikap saat ini tentang bagaimana situs yang lambat benar-benar memengaruhi perilaku pengguna?

J: Ada begitu banyak penelitian. Dan saya pikir tidak ada berita. Ada penelitian kembali beberapa dekade sekarang. Dan semuanya mengatakan bahwa ada korelasi langsung yang mengejutkan antara berapa milidetik Anda membuat orang menunggu, dan seberapa besar hal itu memengaruhi kemungkinan mereka untuk membeli sesuatu. Ini mungkin bukan kasus bahwa orang secara sadar berkata, "Oh, itu terlalu lama 200 milidetik dan saya akan berbelanja dengan pesaing Anda." Tapi itu adalah periode di mana mereka mungkin melihat ke luar jendela atau membuka tab lain atau bertanya-tanya apa untuk makan siang. Dan semua itu mengikis kemungkinan mereka untuk tetap pada saat itu dan untuk mengubah atau mengambil tindakan.

Saya melihat beberapa penelitian yang sangat menarik baru-baru ini dari Deloitte, sebuah perusahaan konsultan besar. Dan mereka melihat sesuatu seperti subset dari 50 situs berbeda terbesar di eCommerce dan generasi prospek serta berbagai sektor di Inggris dan AS. Dan mereka menemukan sesuatu seperti penundaan 200 milidetik, yang merupakan waktu yang Anda perlukan untuk berkedip, mengurangi kecepatan situs dengan peningkatan pendapatan sekitar 10%. Dan ini hanya salah satu studi tersebut. Ada banyak seperti ini. Dan semuanya mengatakan bahwa lebih cepat, lebih ramping, lebih mudah diakses, dan lebih bermanfaat, hanya berarti lebih banyak uang. Jadi ya, tidak ada salahnya bagi kita untuk melihat ini.

D: Saya ingat pernah melihat penelitian oleh Amazon, saya pikir itu lebih dari 10 tahun yang lalu, tapi saya belum melihat statistik terkini tentangnya. Tapi itu pasti semua komparatif juga. Karena jika orang terbiasa menjelajahi situs web lain, dan mereka melihat situs Anda jauh lebih lambat daripada situs web lain, maka mereka tidak akan bertahan terlalu lama.

J: Ya, dan orang-orang benar-benar tidak memikirkan hal ini. Mereka pikir situs mereka mungkin cukup cepat. Tapi situs pesaing Anda semakin cepat, Facebook semakin cepat, Instagram semakin cepat, dan ekspektasi di mana baseline pengalaman pengguna itu berubah. Jadi Anda harus menjadi lebih cepat dari yang diharapkan, jika tidak, Anda akan menjadi lebih lambat secara komparatif.

D: Jadi hari ini, Anda membagikan elemen penting dari situs web cepat yang dimulai dengan nomor satu, Core Web Vitals.

1. Vital Web Inti

J: Saya pikir mungkin ada lebih banyak di luar ini. Tapi ini jelas merupakan daftar tujuan saya. Saya yakin semua orang sudah mendengar tentang Core Web Vitals sekarang. Tapi kalau belum, Google meluncurkan ini, saya kira pada pertengahan 2020. Dan ini adalah upaya mereka untuk membuat semacam metrik standar dan universal untuk mengukur apa itu PageSpeed. Karena secara teknis dan konseptual cukup kompleks. Pemuatan halaman, ada berbagai macam tahapan yang berbeda dan segala macam hal berbeda yang memengaruhinya. Jadi, mereka menyederhanakannya menjadi sekumpulan metrik yang dapat Anda pantau, tren, dan analisis dari waktu ke waktu.

Hal yang sangat menyenangkan tentang ini adalah bahwa ini hanyalah langkah pertama. Ada tiga metrik saat ini dan kami mendapatkan dua lagi tahun ini. Metrik itu sendiri berkembang. Ini menjadi ekosistem yang matang untuk menempatkan angka-angka yang sulit terhadap pengukuran semacam ini, yang berarti menjadi lebih mudah sebagai bisnis online untuk mengatakan bahwa kami tidak mendapat nilai yang sangat baik dan pesaing kami mendapat nilai yang lebih baik. Kami tahu semua penelitian terkait dengan pendapatan, jadi kami harus fokus untuk meningkatkannya. Jadi tiba-tiba, kami memiliki cara untuk meyakinkan pemangku kepentingan bahwa kecepatan halaman tidak hanya penting, tetapi juga kami memiliki ukuran yang akan disetujui semua orang yang tidak berpendirian dan bukan orang SEO di sudut yang mengatakan bahwa dia tidak setuju dengan dev di sudut itu dan tidak benar-benar memiliki bahasa yang sama. Jadi ini sangat ampuh sebagai alat bisnis, apalagi hanya ukuran teknis.

D: Saya tahu otak Anda mengatakan bahwa Anda tidak dapat berkomitmen untuk mengatakan bahwa hanya ada delapan hal tercepat yang paling penting yang benar-benar dapat Anda lakukan untuk meningkatkan situs web Anda. Saya tahu otak Anda benar-benar dapat memikirkan 1024 hal saat ini, tetapi kami hanya membagikan delapan ide awal yang Anda buat dengan yang baru saja kami diskusikan sebelumnya juga. Jadi nomor dua adalah Cloudflare.

2. Cloudflare

J: Jika saya hanya memiliki cukup waktu dan sumber daya untuk hanya melakukan satu hal untuk mempercepat halaman situs web saya, itu akan masuk ke Cloudflare. Cloudflare sangat besar. Mereka adalah salah satu perusahaan teknologi teknis terbesar di luar angkasa. Namun ada banyak tim pengembangan dan bisnis yang belum pernah mendengarnya karena agak kutu buku. Cloudflare adalah jaringan pengiriman konten. Ini adalah bagian dari infrastruktur yang berada di depan situs web Anda. Mereka memiliki versi gratis. Dibutuhkan sekitar 10 menit untuk menyiapkan. Dan mereka hanya menggunakan sihir untuk mempercepat situs Anda. Mereka secara otomatis mengecilkan gambar Anda, mereka mengecilkan JavaScript Anda, mereka mengubah cara memuat sesuatu, mereka memastikan bahwa koneksi merutekan lebih efisien di seluruh dunia untuk penggunaan yang berbeda di tempat yang berbeda, dan 1000 hal lainnya. Dan ini semua hal yang secara teori dapat Anda lakukan, jika Anda memiliki tim pengembang yang sangat cerdas dan memiliki sumber daya yang sangat baik. Tetapi mengapa Anda ketika produk gratis Cloudflare melakukan sebagian besar, dan $ 20 sebulan melakukan hampir semua sisanya?

Jadi, jika Anda memiliki situs yang mungkin tidak memiliki skor yang baik, mungkin agak lambat, Anda dapat mengambil situs yang membutuhkan waktu enam detik untuk dimuat menjadi dua detik hanya dengan mengklik beberapa tombol. Tingkat dasar sangat fenomenal tetapi dengan pengguna yang kuat dan kasing tingkat lanjut, Anda dapat melangkah lebih jauh. Anda dapat mengatakan bahwa saya ingin mengintegrasikan Cloudflare lebih dalam ke dalam cara kerja situs saya. Dan saya ingin membongkar beberapa logika bisnis ini. Dan saya ingin menjalankan penandaan dan pelacakan ini di Google Analytics di tepi awan di dekat tempat pengguna berada. Ini adalah alat yang fenomenal untuk kasus-kasus seperti perjuangan untuk membuat situs itu sendiri lebih cepat, atau berjalan di perangkat keras lama, atau hostingnya agak norak, Anda sebenarnya bisa membuat Cloudflare duduk di depan semua itu, dan tidak pernah memilikinya. untuk mengkhawatirkannya lagi. Itu memang menimbulkan beberapa pertanyaan menarik seputar berapa banyak bagian berbeda dari tumpukan yang menjadi tanggung jawab mereka dan seberapa banyak Anda ingin membongkar logika bisnis. Tetapi sebagai peretasan cepat, ini adalah alat yang fenomenal.

D: Dan nomor tiga, gunakan Alat Pengembang Chrome untuk menemukan hambatan kinerja.

3. Alat Pengembang Chrome

J: Ya, jadi menjalankan alat Core Web Vitals seperti PageSpeed Insights dan Web Page Test akan memberi Anda skor tingkat atas dan beberapa saran umum. Dan masalah dengan saran umum seperti menggunakan lebih sedikit JavaScript adalah tidak mudah untuk menerapkannya ke situs web dan tantangan Anda. Situs web Anda unik, dibangun dengan cara yang sangat spesifik. Jika Anda ingin mencapai tingkat berikutnya untuk benar-benar melihat di mana peluangnya, Anda perlu melihat bagaimana situs web Anda dimuat. Dan salah satu alat terbaik yang dapat Anda gunakan untuk itu adalah Alat Pengembang Chrome.

Saya menggunakan komputer Windows. Jadi saya menekan F12 di browser, saya yakin ada yang setara dengan Mac, dan saya mendapatkan ikhtisar Inspect. Anda dapat mengklik tab Jaringan, dan Anda mendapatkan diagram air terjun yang menunjukkan kepada Anda semua hal yang dimuat di halaman Anda sesuai urutan pemuatannya dan berapa lama waktu yang dibutuhkan. Dan jika Anda menekan refresh beberapa kali, Anda dapat melihat hal itu terjadi dan Anda mulai melihat pola. Dan Anda tidak perlu menjadi pengembang yang sangat mendalam untuk melihat bahwa satu hal khusus ini membutuhkan waktu dua kali lebih lama dari yang lainnya. Dan itu menahan banyak barang. Dan itu adalah JPEG yang besar, mungkin kita harus mengecilkan JPEG ini. Jadi sebagai cara untuk mendiagnosis situs Anda, khususnya halaman demi halaman atau template demi template, ini adalah cara yang ampuh untuk melihat di mana pelanggar terbesar berada.

Dan ya, ada nuansa di luar itu, tetapi mengetahui cara memperbaiki kemacetan terbesar berarti semua yang tertahan kemudian dimuat lebih cepat. Dan sebagai cara memetik ceri dan menemukan peluang mudah, ini adalah cara yang bagus untuk mendekatinya. Temukan hal yang menahan hal-hal lain, dan buat itu sedikit lebih cepat. Dan Anda dapat mengambil tangkapan layar itu dan menyebarkannya ke pengembang Anda, dll. Dan mereka harus dapat menyerang apa pun itu.

D: Dan nomor empat, gunakan teknik pengoptimalan gambar tingkat lanjut.

4. Teknik Kompresi Gambar Tingkat Lanjut

J: Ya, saya menyebutkan JPEG besar sebagai contoh. Dan ini masih umum memalukan. Salah satu alasan utama mengapa banyak situs lambat adalah karena seseorang mengunggah GIF 10 megabyte ke beranda mereka, atau mereka telah mengambil gambar dengan ponsel atau kamera mereka, dan mereka baru saja memasukkannya ke dalam CMS. Dan tidak ada logika yang mengatakan, mungkin kita harus mengecilkannya sedikit. Mungkin kita harus menyesuaikannya dengan ukurannya. Sering kali ketika Anda melihat Alat Pengembang Chrome, dan Cloudflare, Anda akan melihat bahwa hambatannya adalah hanya perlu waktu lama untuk memuat gambar ini karena ukurannya besar. Ada berbagai macam alat yang dapat Anda gunakan untuk mengatasinya. Yang paling penting adalah proses apa pun yang Anda gunakan untuk menghasilkan gambar-gambar itu, mungkin memiliki alur kerja. Jika Anda membuat barang di Photoshop, saat mengekspor barang, pastikan Anda mengekspor untuk web. Pikirkan apakah JPEG ini benar-benar membutuhkan kualitas piksel yang sempurna atau dapatkah kita mengurangi kualitasnya sedikit dan mungkin menghemat ukuran file. Jika semua itu sedikit teknis, buka squoosh.app. Squoosh adalah alat yang dibuat oleh beberapa tim pengembangan Google. Mereka super kutu buku, mereka benar-benar menyukai ruang gambar. Anda menarik dan melepaskan gambar Anda. Dan itu memberi Anda opsi yang dapat Anda klik di mana Anda dapat mengubah PNG ke JPEG. Anda drag dan drop dan seperti yang Anda lakukan, Anda dapat melihat kualitas berubah pada gambar. Apakah saya senang dengan trade-off itu? Dan ada banyak kotak centang lanjutan yang dapat saya klik dan lihat apa yang terjadi dan mengurangi beberapa kilobyte lagi di sana-sini. Dan Anda dapat dengan mudah mendapatkan gambar berukuran 2 megabita hingga 200 kilobita hanya dalam beberapa detik dengan menyeret dan menjatuhkan dan memainkan pengaturan. Ini tidak terlalu dimasukkan ke dalam alur kerja Anda, tetapi sebagai perbaikan cepat untuk mengecilkan beberapa gambar kemacetan besar itu, itu sangat keren.

D: Ya, saya perlu melakukan pengoptimalan gambar karena saya benci mengakuinya, tetapi sebenarnya saya masih menggunakan Macromedia Fireworks untuk memproduksi perangkat lunak.

J: Oh, aku rindu Fireworks. Ada sekitar satu dekade yang baik di mana itu adalah mainan saya.

D: Saya tahu. Dan saya membuat gambar dan kemudian mengekspornya sebagai JPEG dengan kualitas sekitar 80% dan berkata, "Tidak apa-apa untuk web." Mungkin itu sesuatu yang jauh 10 tahun yang lalu.

J: Itu mungkin alur kerja banyak orang di mana mereka hanya membuatnya menjadi 80% dan itu akan baik-baik saja. Dan itu akan, sebagian besar, baik-baik saja, tetapi kadang-kadang, hal-hal akan lolos. Dan jika Anda ingin melepaskan dan membuka blokir itu, ada baiknya meluangkan waktu untuk melihat setiap gambar dan berkata, "Apakah saya senang dengan ukuran ini?"

D: Tentu saja. Dan untuk situs modern hyperfast yang harus bersaing dengan yang terbaik di luar sana, apa yang baru saja saya jelaskan tidak akan mampu melakukan itu. Jadi itu membawa kita ke nomor lima, yaitu menggunakan teknik pengoptimalan font opt tingkat lanjut.

5. Teknik Optimasi Font Tingkat Lanjut

J: Saya menyebutkan bahwa JPEG besar sering menjadi masalah pemblokiran. Dan salah satu pelanggar besar adalah font, font Google khususnya, atau bahkan font apa pun yang Anda muat dari domain pihak ketiga. Ini sering kali merupakan hal yang paling lambat di halaman, hal terbesar di halaman, dan Anda akan melihat ini sepanjang waktu sebagai pengguna. Saat Anda memuat halaman, perlu beberapa detik untuk memilah dan kemudian font muncul. Ini adalah pengalaman pengguna yang sangat buruk. Ini benar-benar buruk dalam banyak cara untuk Core Web Vitals, tetapi ada perbaikan. Jadi salah satu masalah dengan font Google dan font serupa adalah Anda membuat koneksi lintas domain, yang membutuhkan sedikit waktu. Hal yang Anda hubungkan untuk menanyakan sejumlah besar sistem back-end yang memakan waktu cukup lama. Itu meludahkan font kembali, Anda kemudian harus mengunduh font itu, lalu Anda harus merendernya. Ada sekitar lima langkah dalam proses itu dan butuh beberapa detik, dan tidak ada cara untuk membuatnya lebih cepat.

Jadi salah satu kemenangan termudah adalah melokalkan font tersebut. Jangan memuatnya dari Google Fonts, abaikan instruksi yang diberikan Google Fonts kepada Anda tentang menyalin dan menempelkan CSS. Lakukan sedikit Googling dan temukan beberapa panduan tentang cara menghosting sendiri font-font itu. Dan itu akan bervariasi berdasarkan penyiapan dan CMS Anda. Biasanya, ada plugin dan proses untuk membuatnya cukup mudah. Itu mencukur semua itu. Dan kemudian hal lain yang ingin Anda lakukan adalah melihat apa sebenarnya font yang saya muat ini dan bagaimana saya memuatnya.

Dalam CSS pemuatan font modern, Anda dapat menentukan set karakter tertentu. Jadi, jika Anda tahu bahwa situs web Anda, misalnya, sebagian besar dalam bahasa Inggris, Anda mungkin tidak perlu memuat karakter font untuk sejumlah besar mesin terbang Latin yang diperluas, yang sebenarnya terjadi secara default. Jadi font yang Anda muat, Anda hanya menggunakan AZ, satu sampai sembilan, tetapi sebenarnya, Anda memuat 200 karakter aneh yang tidak pernah muncul di halaman Anda. Jadi jika Anda bisa mengukirnya, itu jauh lebih cepat. Dan Anda juga dapat mengatakan, "Apakah saya ingin font ini dimuat dengan cepat, tetapi berpotensi tidak di-cache? Atau di mana pun trade-offnya, berapa lama saya ingin menunggunya dimuat? Dan apakah saya kembali ke hal lain? Atau apakah saya hanya menunjukkan ruang kosong di tempat yang seharusnya? ” Ada beberapa pengaturan berbeda yang dapat Anda gunakan dan alat yang dapat Anda gunakan untuk mengoptimalkannya di Google. Dengan cara yang sama, seperti gambar yang ingin Anda lihat setiap bitnya, tanyakan benar-benar bagaimana Anda memuat font tersebut. csstricks.com memiliki beberapa panduan hebat untuk sejumlah cara yang dapat Anda lakukan dan pilih ini.Tetapi sekali lagi, lihat CMS dan tumpukan Anda, akan ada plugin dan pembelian untuk mempermudah ini.

D: Dan nomor enam, gunakan trik CSS dan JavaScript.

6. Trik CSS dan JavaScript

J: Jadi pelanggar paling umum berikutnya adalah bagaimana gaya dan skrip dimuat. Dan jika Anda memiliki situs web yang memiliki banyak hal visual yang kompleks, dan mungkin memiliki gerakan dan interaksi serta widget dan hal-hal yang dapat Anda klik dan lakukan, hampir pasti kasus bahwa CSS dan JavaScript digunakan untuk berkuasa membutuhkan waktu cukup lama. untuk memuat dan berinteraksi dengan halaman dengan cara yang berbeda. Anda akan melihat ini di laporan Alat Pengembang Chrome saat Anda melihat air terjun dari hal-hal yang menahan hal-hal lain. JavaScript adalah pelanggar yang sangat buruk untuk ini. Jika saya memiliki skrip yang memberi daya, katakanlah, korsel di bagian atas halaman saya, saya tidak ingin harus menunggu skrip itu dimuat sebelum korsel itu mulai bergulir. Jadi ada beberapa hal yang dapat Anda lakukan dengan ini. Salah satunya adalah Anda bisa membuatnya lebih kecil. Cloudflare sangat bagus dalam hal ini. Jika lebih kecil, lebih sedikit byte, ini adalah waktu buka halaman yang lebih cepat. Tetapi hal lain yang dapat Anda lakukan, yang sangat kuat, adalah mengatakan untuk file JavaScript ini, saya tidak perlu segera memuat, saya bisa menunggu sampai halaman selesai.

Dan ada berbagai cara Anda dapat melakukannya. Anda dapat memuat secara tidak sinkron, Anda dapat menundanya. Menunda biasanya merupakan praktik terbaik saat ini. Orang-orang melakukan segala macam hal aneh dengan menggabungkan async dan menundanya membuat kekacauan. Tetapi hanya menggunakan atribut defer pada file JavaScript yang tidak Anda butuhkan segera, dapat membuat halaman Anda jauh lebih cepat. Jadi, jika saya memiliki beberapa JavaScript yang mengontrol sesuatu di footer, saya benar-benar tidak perlu menunggu itu untuk memuat sisa halaman, terutama ketika Anda menganggap bahwa cara JavaScript dan CSS berinteraksi menjadi sangat berlumpur. Jika saya memiliki banyak skrip, banyak gaya di halaman saya, beberapa di antaranya akan menunggu hingga JavaScript dimuat. Jadi, Anda memiliki hal-hal yang menahan hal-hal lain di semua tempat. Jadi menjadi sangat taktis dan mengatakan bahwa saya tidak membutuhkan ini segera dapat membuka peningkatan kinerja yang besar. Sekali lagi, ini sangat mudah untuk melihat di mana para pelanggar itu berada di Alat Pengembang Chrome. Dan jika Anda memiliki sumber daya pengembangan, sangat mudah untuk melakukannya. Anda benar-benar hanya menambahkan atribut ke tag dan melakukannya secara otomatis.

D: Dan nomor tujuh adalah memaksimalkan caching dan versioning.

7. Caching dan Pembuatan Versi

J: Jadi salah satu hal yang dilakukan Cloudflare dengan sangat baik adalah ketika pertama kali menemukan sumber daya, apakah itu gambar atau bagian dari JavaScript, atau gaya, ia menyimpannya ke Cloudflare, dan kemudian siapa pun yang memintanya di masa mendatang mendapatkan versi cache. Dan itu disajikan dari suatu tempat yang sangat lokal bagi mereka. Itu sangat efisien, sangat bagus. Banyak situs web bekerja dengan cara yang membuatnya cukup rumit. Misalnya, Anda ingin memastikan bahwa Anda membuat versi lembar gaya dan skrip Anda. Jadi ketika Anda mempublikasikan versi terbaru dari JavaScript Anda, Anda ingin mengatakan ini adalah versi enam. Dan kemudian itu bisa di-cache dengan baik oleh Cloudflare dan untuk semua orang yang berkunjung. Saat Anda memperbaruinya, Anda ingin mengubah jenis file itu, mengubah nama file, jadi ini adalah versi tujuh. Dan kemudian semua cache Anda telah kedaluwarsa, orang-orang meminta sumber daya yang berbeda, dan mereka mulai kembali dengan sangat cepat.

Di mana ini mulai menjadi sangat kuat adalah ketika Anda mulai melakukan caching halaman web yang sebenarnya sendiri. Jadi Cloudflare, secara default, hanya akan men-cache bit JavaScript dan bit CSS. Anda ingin menjadi caching halaman web. Tetapi Anda ingin melakukannya dengan cara yang tidak akan secara tidak sengaja men-cache orang yang masuk atau orang yang memiliki barang di keranjang belanja mereka. Jika Anda menggunakan WordPress, ada layanan oleh Cloudflare yang disebut pengoptimalan platform otomatis yang melakukan ini secara otomatis. Jadi sekarang Anda melayani situs web Anda dari mana pun pusat data Cloudflare terdekat dengan pengguna Anda, dan mereka mendapatkan versi tersimpan yang disimpan dalam cache dalam 50 milidetik, bukan 600 milidetik.

Jika Anda memiliki pengaturan situs web yang lebih kompleks, Anda dapat melakukannya dengan Cloudflare dengan produk Pekerja, yang di bawah produk Aturan Halaman, memungkinkan Anda menentukan beberapa logika Anda sendiri untuk itu. Tetapi pada dasarnya, premisnya adalah, Anda tidak ingin situs web Anda melakukan apa pun. Jika seseorang membuka halaman Anda, Anda ingin halaman itu, setiap bit JavaScript, dan setiap bit gaya disajikan dari mana pun pusat data terdekat dari Anda. Server saya ada di Norwegia, saya pikir. Tetapi jika Anda membuka situs web saya, sekarang, semua yang ada di dalamnya berasal dari Manchester karena di sanalah pusat data Cloudflare terdekat. Dan Anda bisa mengotak-atik ini. Anda dapat melihat ini di Alat Pengembang Chrome, Anda dapat menambahkan kolom tambahan ke tampilan yang mengatakan jika ini adalah caching Cloudflare. Dan Anda dapat mulai memilih dan mengubah pengaturan tersebut untuk memastikan tidak ada yang gagal.

D: Dan itu membawa kita ke yang terakhir. Nomor delapan, gunakan perangkat pihak ketiga yang pintar.

8. Kit Pihak Ketiga yang Pintar

J: Ada banyak hal, Anda bisa langsung menyontek dengan beberapa di antaranya. Saya punya dua favorit nyata saat ini. Salah satunya adalah Instant Page, yaitu pada instant.page yang memiliki domain menarik. Ini benar-benar keren. Jadi itu tidak langsung membuat situs Anda lebih cepat tetapi membuat navigasi selanjutnya lebih cepat. Jadi, saat pengguna menggerakkan mouse ke tautan di laman Anda, tautan tersebut dimuat sebelumnya di latar belakang peramban Anda, sehingga saat mereka mengeklik, tautan itu sudah tersedia. Dan mereka memiliki banyak penelitian yang mengatakan bahwa rata-rata orang menggerakkan mouse mereka ke sebuah tautan selama 16 milidetik sebelum mereka benar-benar mengklik. Jadi ada sedikit waktu buffer di sana. Dan dalam 16 milidetik itu, itu cukup waktu untuk mulai memuat halaman di latar belakang. Jadi rasanya instan.

Dan ada beberapa alasan mengapa itu sangat bagus. Satu, itu adalah pengalaman pengguna yang luar biasa. Kedua, ini memengaruhi Data Web Inti Anda, meskipun ini bukan pemuatan halaman awal, Data Web Inti menggabungkan kecepatan dan waktu pemuatan di seluruh situs Anda di URL Anda. Jadi, jika navigasi itu super instan, itu akan membuat keajaiban untuk skor Anda secara keseluruhan, yang mungkin membuat Anda lebih dekat dengan cawan suci peningkatan peringkat Google.

Untuk orang yang lebih teknis, mainan lain yang benar-benar saya sukai saat ini adalah Party Town. Dan premisnya adalah bahwa beberapa hal yang Anda muat di situs Anda adalah pihak ketiga. Dan itu sering kali melacak piksel dan Google Pengelola Tag dan mungkin peluang dan tujuan lainnya. Anda tidak ingin hal-hal itu bersaing dengan hal-hal penting utama yang sangat penting untuk situs web Anda. Jadi, jika saya memiliki sekumpulan JavaScript yang mendukung pemuatan halaman, saya tidak ingin Google Pengelola Tag memuatnya dan mencuri sumber daya lalu berkelahi. Saya ingin memisahkan hal-hal itu sehingga halaman saya di browser tahu bahwa itu harus benar-benar memprioritaskan hal-hal yang penting dan bahwa hal-hal pihak ketiga dapat terjadi di latar belakang, itu dapat terjadi secara terpisah. Dan dari perspektif teknologi, ini memuat semua sumber daya pihak ketiga ini dalam pekerja terpisah, yang berarti itu terjadi di luar aliran normal, tidak memengaruhi kinerja, dan terjadi secara diam-diam di latar belakang. Saya telah melihat beberapa peningkatan kinerja yang luar biasa dari hal semacam ini. Saya pikir ini adalah tujuan optimalisasi kinerja. Ini sedikit rumit untuk diatur, tidak bekerja sempurna dengan semua hal. Tetapi jika Anda benar-benar ingin menjadi yang terdepan dalam persaingan, ini adalah mainan yang sangat keren untuk dimainkan. Jadi ini sedikit beta, tapi perlu ditelusuri.

D: Saya mencoba mencari URL untuk Party Town karena jika Anda mencari di Google cukup sulit untuk menemukannya, tetapi ada di GitHub.

J: Ya. Saya baru saja melakukan ping kepada Anda tautan yang dapat Anda bagikan. Ini sangat beta. Ini sangat GitHub. Ini sangat kutu buku dan pengembang saat ini.

Acar Pareto - Buat 100 Perubahan Kecil

D: Mari kita akhiri dengan Pareto Pickle. Jadi Pareto mengatakan bahwa Anda bisa mendapatkan 80% dari hasil Anda dari 20% dari usaha Anda. Apa satu aktivitas SEO yang Anda rekomendasikan yang memberikan hasil luar biasa untuk tingkat usaha yang sederhana?

J: Saran terbaik yang bisa saya berikan adalah mengabaikan Pareto optimal untuk SEO. Saya tidak berpikir itu cara kerjanya lagi. Saya pikir itu saran yang bagus jika Anda adalah kakek nenek kita yang mengoperasikan toko ritel fisik 100 tahun yang lalu. Saya pikir ekosistem kita berbeda. Dan saya pikir untuk SEO khususnya, cara Anda menang adalah Anda membuat 100 perubahan kecil, satu per satu secara berulang hari ini dan besok sampai Anda mati. Jika tidak, pesaing Anda bergerak lebih cepat. Ini semua tentang kualitas, merek, dan bisnis. Apa pun yang secara taktis Anda bisa katakan, "Oh, lakukan saja ini," pesaing Anda juga bisa melakukannya.

Jadi ya, ada kemungkinan jawaban cerdas seperti menggandakan reputasi merek Anda, karena itu pasti akan berhasil. Tapi itu hal yang sangat kompleks. Dan saya pikir cara berpikir yang jauh lebih baik adalah sore ini, sepuluh hal apa yang dapat saya tingkatkan? Dan hanya pergi dan melakukan itu. Dan mereka tidak harus menjadi besar atau pintar, hanya mengulangi dan menjadi lebih baik.

D: Anda tidak harus memprioritaskan hal-hal. Tapi pasti beberapa hal memiliki dampak yang lebih besar dari hal-hal lain.

J: Ya, tetapi hal-hal besar semuanya berubah menjadi solusi yang lebih baik, memiliki konten yang lebih baik, lebih selaras dengan pasar produk, atau mengesankan dan membantu audiens Anda, tetapi tidak ada yang nyata, hal-hal taktis yang dapat Anda lakukan.

Anda tahu, saya berubah pikiran. Hal 80% yang dapat Anda lakukan adalah mendapatkan Cloudflare.

D: Saya telah menjadi tuan rumah Anda David Bain. Jono, terima kasih banyak telah hadir di podcast In Search SEO.

J: Terima kasih telah memiliki saya. Ini sangat menyenangkan.

D: Dan terima kasih telah mendengarkan.