Dalam artikel ini, saya membagikan tips favorit saya untuk membuat situs web yang cepat dan dioptimalkan.

Selama sepuluh tahun terakhir, saya secara bertahap meningkatkan beranda saya, yang saya bangun dari awal. Selama waktu itu, saya fokus pada kinerja dan optimasi mesin pencari, disingkat SEO. Saya membuat banyak kesalahan di sepanjang jalan, tetapi dalam dua tahun terakhir, saya telah mencapai hasil yang menempatkan beranda saya di depan sebagian besar kompetisinya mengenai kecepatan.

Banyak situs web fotografi lambat. Saya mengalaminya ketika mengunjungi situs web fotografer lain di ponsel saya. Jika saya beruntung, hanya perlu lima detik sampai saya bisa mulai menavigasi melalui situs -situs itu. Cukup sering, saya masih menunggu beranda menjadi responsif setelah 10 detik jika saya tidak pergi sebelum itu.

Ada berbagai alasan untuk itu, dan kami akan mengeksplorasi beberapa di artikel ini. Saya meliput:

Yang ingin saya tekankan di awal adalah kecepatan itu penting. Jika Anda ingin menjaga pengunjung di situs web Anda dan melakukan konversi – mengubahnya menjadi pelanggan – Anda memerlukan situs web yang cepat. Ini adalah fondasi SEO.

Pilih solusi hosting yang tepat

Wawasan Kecepatan Halaman oleh Google adalah alat penting untuk memeriksa kinerja dan SEO situs web Anda. Setelah Anda memiliki cukup lalu lintas bulanan, Anda akan melihat “Penilaian Inti Web Vitals” berdasarkan waktu pemuatan yang dialami pengunjung nyata. Anda juga mendapatkan laporan kecepatan dari browser tanpa kepala yang berjalan di cloud. Gunakan bersama dengan vital web untuk menemukan kemacetan kinerja.

Jika Anda ingin mengambil langkah lebih jauh, Anda dapat menggunakan alat gratis oleh Experte.com untuk menguji semua halaman situs web Anda. Dengan cara ini, Anda mendapatkan laporan untuk penawaran lengkap Anda. PageSpeed ​​Insights hanya memungkinkan Anda untuk memeriksa satu halaman sekaligus.

Melihat angka -angka di beranda saya, sepertinya semuanya baik -baik saja. Tapi apakah itu? Sebuah bottleneck menempatkan saya pada posisi yang kurang menguntungkan tepat di awal. Bayangkan mulai dari lomba 100 meter dan kehilangan start dengan 1,2 detik. Itulah yang ditunjukkan oleh “waktu untuk byte pertama” untuk beranda saya. Penundaan yang lama membuat lewat penilaian Web Vitals menjadi sulit. Byte pertama yang tiba hanyalah awal dari balapan. Ada lebih banyak data yang diperlukan untuk beranda untuk diterjemahkan – “cat konten pertama”.

Google mempertimbangkan 1,8 detik waktu yang tepat untuk “cat konten pertama”. TTFB rendah akan memberi Anda lebih banyak ruang kepala saat merancang situs web Anda. Jika Anda memiliki nilai tinggi, seperti yang saya miliki, Anda tidak dapat membuat kesalahan.

Bagaimana Anda bisa mendapatkan waktu untuk byte pertama? Satu langkah adalah memilih host cepat. Solusi hosting bersama biasanya lebih murah daripada server khusus. Mereka juga lebih lambat karena Anda berbagi kinerja server dengan situs web lain. Dan coba tebak: Saya menggunakan solusi hosting bersama. Saya dapat melakukannya karena saya menyeimbangkan defisit kinerja dengan situs web yang sangat dioptimalkan. Dan saya juga mendapatkan banyak fitur lain yang akan mahal dalam pengaturan server khusus.

Cara lain untuk mengurangi TTFB adalah menggunakan jaringan pengiriman konten – CDN pendek. Saya tinggal di Jerman, dan penyedia hosting saya juga berbasis di sini. Karena sebagian besar pengunjung saya berasal dari luar negeri, CDN dapat meningkatkan keterlambatan awal situs web saya. Tapi ini tidak akan selalu berhasil. Analisis lalu lintas Anda terlebih dahulu. Cari tahu di mana pengunjung Anda berada. Kemudian, ukur kinerja situs web Anda sebelum mulai menggunakan CDN dan setelah menggunakannya selama satu atau dua bulan. Tidak membuat perubahan lain selama periode itu. Maka Anda dapat memutuskan sesudahnya apakah itu investasi yang bagus.

Lebih sedikit lebih banyak

Kami semua ingin menunjukkan kepada pengunjung kami foto-foto beresolusi tinggi yang terlihat bagus pada tampilan 4K mereka. Kami ingin gambar kami terlihat sebaik mungkin. Tetapi tahukah Anda berapa banyak pengunjung Anda yang menggunakan tampilan resolusi tinggi?

Angka -angka dari Google Analytics menunjukkan bahwa sebagian besar pengunjung saya menggunakan layar hingga resolusi HD penuh. Beranda saya dioptimalkan agar terlihat bagus untuk itu. Dan kecuali seseorang menggunakan layar yang sangat besar, itu akan tetap terlihat bagus. Jika saya melayani gambar dalam resolusi 4K, efek terbesar yang dimiliki adalah membuat beranda saya lambat untuk dimuat.

Seperti halnya tip pertama, takeaway besar adalah untuk mengetahui siapa pengunjung Anda dan teknologi apa yang mereka gunakan. Berdasarkan itu, Anda dapat memutuskan ukuran gambar mana yang harus Anda layani.

Ada lebih banyak penghematan yang bisa Anda capai. Berikut adalah beberapa pertanyaan untuk ditanyakan pada diri sendiri:

• Apakah Anda membutuhkan font khusus itu?
• Apakah Anda memerlukan perpustakaan ikon besar ini yang hanya Anda gunakan beberapa ikon?
• Bisakah Anda mencapai tampilan serupa dengan lebih sedikit CSS? Apakah perpustakaan/plugin eksternal diperlukan untuk itu?
• Apakah plugin WordPress ini menambah nilai ke situs web Anda atau membuatnya lebih lambat?
• Apakah Anda membutuhkan banyak foto? Bisakah Anda mengurangi jumlahnya dan hanya menampilkan pekerjaan terbaik Anda?

Beranda saya dirancang dengan cara minimalis. Mungkin tidak sesuai selera semua orang, tetapi membuatnya mudah untuk menjaga kinerja tetap di atas meskipun fitur -fiturnya: Saya memiliki toko WooCommerce, blog WordPress, banyak galeri, dan beberapa halaman tutorial dengan konten video.

Konten yang dioptimalkan

Salah satu kemenangan terbesar untuk setiap beranda fotografi berasal dari melayani gambar yang dioptimalkan. Anda tidak memerlukan pengaturan kualitas 100% saat menghemat JPEG untuk web. Saya sering menggunakan nilai antara 50 dan 60%. Bisakah kamu tahu? Ada juga format gambar yang lebih modern seperti Webp, yang sekarang didukung dengan baik. Lakukan beberapa percobaan dan lihat seberapa jauh Anda dapat memampatkan gambar Anda tanpa degradasi yang terlihat dalam kualitas.

Kemenangan yang bahkan lebih besar berasal dari melayani gambar responsif. Seperti yang telah Anda lihat di atas, resolusi layar perangkat tempat situs web Anda sangat bervariasi. Simpan foto Anda dalam resolusi yang berbeda sehingga ukuran yang benar dimuat. Browser seluler dapat memuat gambar yang lebih kecil, yang membuat beranda Anda lebih cepat.

Anda juga dapat mengoptimalkan sumber daya lain. Aturan praktis adalah mengurangi jumlah permintaan yang harus dibuat oleh browser untuk memuat situs web Anda. Jika Anda memiliki banyak skrip dan file CSS, masing -masing diunduh secara terpisah. Cobalah untuk menggabungkan mereka. Jika Anda bukan pengembang web dan tidak memiliki seseorang untuk membantu Anda, Anda akan menemukan plugin untuk itu. Ini akan menjadi kasus penggunaan di mana plugin dapat menambah nilai dengan membuat situs web Anda lebih cepat.

Pemuatan malas

Pemuatan malas adalah topik besar, dan saya hanya bisa menggaruk permukaan di sini. Idealnya, situs web Anda harus memuat sesedikit mungkin konten yang tidak terlihat. Pikirkan tata letak vertikal yang panjang dengan banyak gambar, yang sebagian besar hanya terlihat jika pengunjung menggulir ke bawah. Itu hanya boleh dimuat saat muncul di layar. Gunakan atribut “memuat” untuk gambar dan iframe untuk mencapai ini.

Jika Anda memiliki galeri di situs web Anda, pastikan itu berlaku strategi pemuatan malas. Wawasan kecepatan halaman akan memberi tahu Anda jika tidak.

Anda juga harus menghindari kesalahan besar: mengatur konten di layar untuk memuat dengan malas sementara beberapa konten di luar layar tidak ditandai seperti itu. Pikirkan footer yang berisi beberapa gambar. Jika Anda sekarang menandai gambar header Anda untuk memuat dengan malas, browser pertama -tama akan memuat gambar footer dan menunda “cat konten terbesar”. Gulir ke akhir artikel ini untuk melihat beberapa tombol media sosial. Awalnya, saya lupa memuatnya dengan malas, sementara semua gambar lain di blog saya malas.

Saya juga ingin berbagi optimasi terakhir yang saya buat ke beranda saya. Saya menggunakan Google Tag Manager dan Google Analytics. Untuk waktu yang lama, saya segera memuat skrip -skrip itu. Saya pikir itu diperlukan untuk analitik yang benar. Tapi jujur ​​saja, saya hanya peduli dengan pengunjung yang tinggal di beranda saya selama lebih dari dua atau tiga detik. Itu sebabnya saya sekarang menunda pelaksanaan Google Tag Manager. Untuk beranda saya, itu adalah kemenangan besar. Anda akan melihat potensi langkah seperti itu untuk Anda dalam wawasan kecepatan halaman.

Caching

Saya sudah menyebutkan bahwa saya menggunakan solusi hosting bersama. Itu berarti saya membagikan sumber daya server saya. Jadi, semakin sedikit tugas yang harus dilakukan server saya untuk melayani beranda saya, semakin baik. Menyiapkan caching yang tepat sangat penting untuk itu. Buah gantung terendah adalah menyiapkan kebijakan caching untuk konten Anda. Ini dapat dilakukan melalui file “.htaccess”, di mana Anda menentukan berapa lama berbagai jenis konten di -cache pada sistem pengunjung. Kunjungan yang diulang kemudian akan lebih cepat.

Tapi ini tidak membantu pengunjung satu kali. Di sini, Anda memiliki opsi lain. Jika Anda menggunakan WordPress, server Anda harus berfungsi untuk setiap halaman yang dikunjungi seseorang di situs web Anda. Anda dapat menghapus waktu pemrosesan ini melalui plugin seperti WP Super Cache.

Ada opsi lain yang, selain caching di server Anda, termasuk solusi CDN. Mungkin sesuatu untuk dijelajahi jika Anda memiliki banyak pengunjung dari berbagai belahan dunia ke tempat server Anda berada.

Kesimpulan

Saya akan menyebut memiliki situs web cepat dasar dari strategi SEO apa pun yang ingin Anda terapkan. Dari pengalaman saya, ini bukan faktor yang paling penting dalam mendapatkan klik. Tetapi sulit untuk bersaing di Google Top 10 tanpa itu. Ini juga tidak dikenakan biaya kapan saja setelah Anda mengaturnya, sementara tugas SEO lainnya memerlukan upaya berkelanjutan. Dalam video di bawah ini, saya membagikan beberapa tugas itu. Dikombinasikan dengan situs web yang cepat, tips dari video itu akan membawa Anda ke puncak pencarian Google.