Kecepatan Pemuatan Situs Web Praktik Terbaik dan Tip Peningkatan

Ketika datang ke pengguna online hari ini, mereka menginginkan apa yang mereka inginkan dan mereka menginginkannya sekarang. Kita semua pernah berada dalam situasi di mana sumber daya online memiliki kecepatan pemuatan situs web yang terlalu lambat dan kita hanya mengklik saja. Berkat media sosial, TV, dan semua teknologi modern lainnya, manusia saat ini tidak begitu dikenal karena kesabaran dan fokusnya.

Kecepatan adalah pembunuh diam-diam situs web. Hampir setengah dari semua pengguna situs web mengharapkan situs web Anda dimuat dalam 2 detik atau kurang. Itu mungkin terdengar gila, tetapi memang benar bahwa bahkan beberapa detik waktu buka yang lambat akan membuat pengguna takut tanpa berpikir dua kali. Kenyataannya adalah Anda membutuhkan situs web Anda untuk memuat dengan benar dan cepat.

Praktik Terbaik Kecepatan Memuat Situs Web

Anda mungkin tidak menyadari betapa lambatnya situs web Anda, kecuali jika Anda mengujinya sendiri. Untungnya, Anda dapat melakukannya secara gratis di Google PageSpeed. Ini adalah alat berbasis web untuk menentukan waktu muat Anda dan menemukan area masalah. Bagaimana waktu pemuatan situs web Anda? Jika Anda membutuhkan pekerjaan, jangan khawatir. Ini lebih mudah daripada yang Anda pikirkan untuk meningkatkan waktu buka situs web Anda hanya dalam beberapa klik. Berikut adalah beberapa tips tambahan untuk Anda mulai.

Gunakan Kompresi Gzip untuk Kecepatan Memuat Situs Web yang Lebih Baik

Kompresi Gzip adalah alat yang ampuh yang mengurangi ukuran respons sekitar 70% yang sangat mengesankan. Gzip adalah sesuatu yang dilakukan melalui host Anda, jadi Anda harus menanyakan host web Anda apakah mereka menggunakan kompresi ini di server mereka. Dengan Gzip, Anda mengurangi waktu respons tanpa mengurangi kualitas video, gambar, atau elemen lainnya.

Anda dapat menjalankan tes untuk melihat apakah situs web Anda GZIPPED dan menjalankan Tes Kompresi Zip. Cara kerja Gzipping adalah dengan mengurangi ukuran respons HTTP. Ini pada akhirnya mengubah berat halaman.

Cache File Anda

Caching adalah saat versi situs web Anda disimpan di browser pengguna Anda. Dengan cara ini, ketika mereka mengunjungi situs web Anda lagi, ada versi sebelumnya yang akan dimuat hingga versi baru dapat disegarkan. Caching dapat mengurangi waktu buka Anda dari lebih dari 2 detik menjadi kurang dari 1 detik. Itu lompatan besar dan Anda harus peduli. Untungnya, mudah untuk menyiapkan caching dengan situs web Anda. Jika Anda menggunakan WordPress, Anda dapat menggunakan plugin W3 Total Cache gratis. Caching adalah suatu keharusan hari ini untuk menambahkan dorongan ekstra ke kinerja pemuatan situs web Anda.

Selain caching sisi server, Anda juga harus mengaktifkan caching browser. Ini pada dasarnya adalah cara untuk menginstruksikan browser untuk menyimpan salinan file statis seperti file gambar, CSS, dan JS di browser sehingga pengunjung tidak perlu menunggu file ini diunduh lagi ketika mereka mengunjungi situs web Anda lagi. Anda dapat membaca lebih lanjut di kumpulan informasi tentang caching browser leverage WordPress ini.

Tingkatkan Host Situs Web Anda

Memiliki host yang tepat untuk situs web Anda dapat berperan dalam kinerja halaman Anda. Anda dapat membuat perubahan sebanyak yang Anda inginkan pada situs web Anda, tetapi jika Anda tidak melihat banyak peningkatan, host Anda mungkin yang harus disalahkan. Sangat menggoda untuk memilih opsi hosting termurah saat Anda pertama kali meluncurkan situs web Anda. Meskipun ini mungkin baik-baik saja untuk sementara, Anda mungkin akan mengatasi ini jika Anda menghosting banyak file atau jika Anda mengalami lalu lintas yang lebih besar.

Paket yang lebih murah kemungkinan dibagikan, dan ini berarti masalah apa pun di situs web tetangga Anda juga akan memengaruhi milik Anda sendiri. Memiliki server khusus memungkinkan Anda menghindari masalah apa pun yang dapat terjadi jika Anda menggunakan server bersama. Anda juga akan memiliki lebih banyak opsi layanan pelanggan jika Anda memerlukan bantuan dengan waktu respons Anda.

Beli Hosting

Periksa Tema Situs Web Anda

Cara situs web Anda dirancang juga akan berperan dalam seberapa baik dan cepat situs web Anda ditampilkan kepada pengunjung. Mengganti tema mungkin diperlukan untuk mengosongkan beberapa detik berharga dalam waktu buka situs web Anda.

Menggunakan pembuat atau tema halaman situs web profesional akan memastikan situs web Anda tidak dipenuhi dengan kode yang tidak perlu dan berantakan. Itulah mengapa penting untuk melihat lebih dari sekadar estetika templat, tema, atau pembuat situs web Anda. Selain itu, pertimbangkan untuk masuk ke situs web atau aplikasi web Anda. Pencatatan situs web membantu Anda menemukan masalah sebelum terjadi, dan itu dapat mencegah situs web Anda mengalami masalah. Atau, Anda dapat mengirim pesan log secara langsung dengan alat seperti Aplikasi Papertrail.

Kurangi File Java dan CSS Anda

Sebagian besar situs web saat ini menggunakan banyak file Javascript dan CSS, dan file ini mungkin diperlakukan satu per satu di browser pengguna Anda. Memiliki terlalu banyak permintaan sekaligus akan menurunkan kecepatan pemuatan situs web Anda. Jika Anda dapat mengecilkan semua file ini, Anda tidak akan menambah beban waktu muat situs web Anda.

Membuat file Java dan CSS Anda dimuat secara eksternal alih-alih membuat setiap halaman menjadi sempit adalah ide yang cerdas. Kemudian, pengguna hanya perlu memuat file saat muncul, tidak setiap kali seseorang mengunjungi halaman baru di situs web Anda. Jangan mengacaukan browser pengguna Anda dengan terlalu banyak file.

Bawa Beban Anda Melalui Jaringan

Jika Anda mengalami lalu lintas tinggi, Anda harus serius dengan jaringan Anda. Layanan Jaringan Pengiriman Konten (CDN) membawa file ke pengguna Anda secara langsung dengan menggunakan server di banyak wilayah geografis yang berbeda. Ini berarti ada lebih sedikit waktu antar tempat sehingga situs Anda dapat memuat lebih cepat. CDN yang paling terkenal adalah Amazon CloudFront, dan mudah untuk mengintegrasikannya dengan situs web Anda saat ini.

Coba Platform Hosting Eksternal

Mirip dengan CDN, Anda dapat meng-host file Anda di platform hosting eksternal untuk menghindari memperlambat waktu buka Anda. Ini paling umum untuk file video. Video cukup besar, dan mengunggahnya langsung ke situs web Anda akan memakan banyak ruang. Mereka dapat dengan mudah lebih dari 100 MB, jadi itu bukan langkah cerdas untuk meng-host video atau file besar lainnya di server Anda sendiri.

Ini adalah ide yang lebih baik untuk meng-host file-file ini secara eksternal. YouTube dan Vimeo adalah opsi bagus untuk file video. Dari sana, Anda dapat menyematkan video di situs web Anda. Ini menghemat ruang dan tidak memperlambat waktu buka Anda. Ini juga jauh lebih mudah!

Menggunakan YouTube, khususnya, membuka konten Anda ke pemirsa yang sama sekali baru. Faktanya, YouTube dianggap sebagai salah satu mesin pencari terbesar di luar sana dan menarik lebih dari satu miliar pengguna bulanan. Ini gratis untuk digunakan, dan Anda dapat mengunggah video hingga 15 menit (atau lebih jika Anda mengajukan permintaan). Anda tidak bisa salah.

Periksa Permintaan HTTP Anda

Yahoo mengklaim 80% waktu buka situs web berasal dari mengunduh semua bagian halaman yang berbeda. Meskipun kita telah membahas praktik terbaik dalam hal file Java dan CSS, bagaimana dengan yang lainnya? Semakin banyak elemen di halaman yang perlu dimuat, semakin lama waktu yang dibutuhkan halaman untuk muncul sepenuhnya.

Anda dapat memeriksa berapa banyak permintaan ini yang terjadi dengan membuka browser Anda. Google Chrome dilengkapi dengan Alat Pengembang yang berfokus pada permintaan HTTP. Untuk mengakses alat ini, klik kanan pada halaman Anda di Google Chrome, klik Inspect, lalu navigasikan ke tab Network.

Sekarang, Anda dapat melihat berapa lama waktu yang dibutuhkan untuk memuat setiap file di bawah bagian "Waktu". Di pojok, Anda juga akan melihat jumlah total permintaan. Mengurangi permintaan yang memakan waktu paling lama adalah cara mudah untuk mempercepat waktu buka situs web Anda. Teruslah membaca untuk mempelajari cara terbaik menggabungkan file di tip berikutnya.

Gabungkan dan Perkecil File HTML

Saat Anda mengecilkan file, Anda menghilangkan spasi atau kode yang tidak perlu. Semua hal kecil ini mungkin tidak terlihat signifikan, tetapi itu menambah waktu buka Anda. Tujuannya adalah untuk memiliki file HTML yang seramping mungkin.

Tinjau situs web Anda untuk melihat apakah ada halaman yang tidak perlu yang tidak Anda gunakan lagi. Apakah ada tempat di mana Anda dapat menghilangkan spasi atau kode yang tidak perlu? Terakhir, gabungkan file HTML untuk memastikan Anda tidak menghambat waktu buka situs web Anda.

Gunakan CSS Eksternal

CSS adalah bagaimana Anda memasukkan elemen gaya dan desain untuk halaman Anda. Situs web Anda dapat mengakses file eksternal yang dimuat sebelum halaman Anda atau mengakses gaya sebaris. Menyertakan CSS Anda dalam dokumen HTML Anda sendiri menambahkan banyak kode. Seperti yang kami katakan sebelumnya, itu tidak baik.

Sebagai gantinya, Anda harus menggunakan CSS eksternal yang dimuat di kepala HTML Anda. Jangan masukkan CSS apa pun ke dalam HTML Anda jika Anda dapat menghindarinya. Ini terutama berarti div atau heading. Jauh lebih bersih dan ramping jika Anda menggunakan stylesheet eksternal. Ini juga jauh lebih mudah untuk mengedit.

Jika Anda tidak yakin tentang status CSS Anda, gunakan alat pengiriman CSS untuk melihat bagaimana file CSS Anda menumpuk. Ini akan memberi tahu Anda di mana file eksternal Anda berada dan jika Anda memiliki elemen sebaris di HTML Anda. Jika memungkinkan, gunakan hanya satu file CSS eksternal. Anda mungkin dapat menggabungkan file jika Anda memiliki lebih dari satu.

Tunda Pemuatan Javascript Anda

Saat Anda menunda file, seperti JavaScript, Anda memastikan sisa situs web Anda dimuat dengan benar sebelum memuat elemen Java tambahan. Terkadang menunda java semudah menggunakan plugin. Di lain waktu, Anda harus menambahkan skrip HTML secara manual untuk memberi tahu situs web bahwa Anda ingin memuat Java terakhir.

Skrip ini memanggil file JavaScript eksternal. Ada tutorial lengkap di sini untuk menunda Java Anda. Meskipun bukan perbedaan besar, ini dapat membuat kertas Anda tampak dimuat lebih cepat.

Tinjau Waktu Anda untuk Byte Pertama

Time to first byte (TTFB) Anda adalah berapa lama browser menunggu sebelum mulai memuat byte data pertamanya. Menurut Google, TTFB Anda harus di bawah 200 ms. Namun, ini adalah masalah sisi server sehingga lebih mudah untuk diabaikan oleh lebih banyak pengembang web.

Saat pengguna mengunjungi situs web Anda, itu tidak secara otomatis mulai memuat. Meskipun mungkin tampak seperti proses instan, ada 3 langkah yang terjadi terlebih dahulu. Browser Anda mengirimkan permintaan HTTP awal ke server yang menghosting situs web, dan dari sana langkah-langkahnya adalah pencarian DNS, pemrosesan server, dan respons.

Sekali lagi, Alat Pengembang Chrome Anda akan menunjukkan berapa lama proses ini berlangsung di halaman web Anda. Ini juga akan sangat bergantung pada kekuatan koneksi internet. Koneksi yang lambat memiliki TTFB yang lebih lambat. Periksa TTFB Anda untuk memastikannya di bawah 200 ms. Jika tidak, saatnya untuk berbicara dengan tuan rumah Anda tentang solusi yang tepat. Anda mungkin tidak memiliki cukup ruang atau Anda mungkin mengalami terlalu banyak lalu lintas.

Konten Lipat Atas Pertama

Terkadang Anda memiliki halaman panjang yang membutuhkan waktu untuk dimuat. Itu adalah kenyataan. Namun, memastikan bahwa informasi paruh atas dimuat terlebih dahulu dapat menyelamatkan Anda dari beberapa pengunjung. Tingkatkan pengalaman pengguna Anda dengan memastikan semua konten halaman teratas muncul dengan cepat.

Ini adalah proses yang disebut "pemuatan malas", dan namanya masuk akal. Ini seperti memuat halaman secara perlahan, tetapi dimulai di bagian atas tempat pengguna Anda paling fokus. Dengan pemuatan lambat, pengguna Anda dapat melihat konten teratas dan meningkatkan kecepatan pemuatan situs web tanpa harus menunggu sisa halaman dimuat. Ini adalah ide bagus karena bayangkan memiliki 10+ foto di seluruh halaman. Anda tidak ingin pengunjung Anda menunggu sampai semua gambar dimuat untuk mulai membaca.

Lazy load menggunakan jQuery.sonar untuk hanya memuat gambar yang terlihat. Ada banyak plugin yang memudahkan untuk menambahkan lazy load ke halaman Anda, tetapi berikut adalah tutorial lengkap untuk melakukannya secara manual. Pengguna Anda akan senang mereka tidak lagi harus menunggu konten paruh atas.

Periksa Ukuran Gambar Anda

Sangat mudah untuk mengunggah gambar tanpa memeriksa ukuran file Anda. Ini mungkin baik-baik saja sesekali, tetapi dapat dengan mudah memperlambat situs web Anda jika Anda tidak berhati-hati. Saat Anda menyimpan gambar, coba simpan dengan opsi "Simpan untuk web". Ini tersedia dengan alat seperti Photoshop atau Fireworks. Dengan "Simpan untuk web", ukuran gambar dapat diperkecil tanpa kehilangan ketajaman gambar.

Secara umum, hindari ukuran file yang lebih besar. PNG saat menyimpan gambar Anda. Anda dapat memeriksa properti gambar Anda untuk melihat apakah mereka mendekati ukuran yang lebih besar. Terakhir, jika Anda sudah memiliki gambar besar di situs web Anda, gunakan plugin atau kompres file tersebut secara manual untuk meningkatkan kecepatan memuat situs web Anda.

Hapus Ekstra yang Tidak Perlu untuk Kecepatan Pemuatan Situs Web yang Lebih Baik

Terkadang kami menambahkan hal baru ke situs web kami dan melupakannya. Kami pindah ke sesuatu yang lain atau tidak lagi membutuhkan solusi masa lalu. Apa pun alasannya, pastikan Anda sering memeriksa situs web untuk memastikan Anda tidak membuang-buang ruang untuk apa pun yang tidak digunakan. Ini berlaku untuk semua hal berikut:

• Gambar-gambar;
• Plugin;
• elemen navigasi;
• elemen desain;
• halaman;
• Postingan blog yang diarsipkan.

Tidak peduli seberapa kecil, ini akan berdampak negatif pada kecepatan pemuatan situs web Anda. Selain itu, mereka dapat membuat area lemah dalam keamanan situs web Anda, terutama dengan plugin. Ini mudah rusak, dan ini dapat menurunkan keamanan Anda. Biasakan meninjau situs web Anda secara teratur untuk mengetahui tambahan yang sudah ketinggalan zaman.

Batasi Tombol Berbagi Sosial Anda

Tombol berbagi sosial adalah cara yang bagus untuk mendorong keterlibatan di media sosial. Namun, perlu ada batasannya. Tombol-tombol ini terkadang sangat efektif. Namun, mereka juga bisa menjadi bust. Apa yang dapat kami setujui adalah bahwa tombol berbagi sosial ini menggunakan beberapa JavaScript eksternal dan ini memperlambat situs web Anda.

Facebook, khususnya, telah menjadi penyebab utama hal ini. Skrip Facebook dapat memperlambat kinerja situs web dengan tombol bagikan. Pertimbangkan apakah tombol bagikan ini benar-benar sepadan dengan kerumitannya. Anda masih dapat menyimpannya, tetapi hanya menyimpan yang terbukti berkinerja terbaik.

Pengiriman Asinkron

Berbicara tentang kode pihak ketiga, ada banyak yang bisa salah. Jika pihak ketiga mengalami pemadaman atau tiba-tiba melambat, halaman Anda dapat dengan mudah macet saat mencoba memuat sumber daya itu baik itu tombol berbagi sosial atau skrip analisis jaringan.

Pengiriman asinkron adalah solusi untuk perlambatan itu. Dengan mengaktifkan ini, jika jaringan pihak ketiga Anda mengalami gangguan, situs web Anda sendiri tidak akan terpengaruh. Anda dapat mengaktifkan pengiriman asinkron dalam beberapa cara, yang semuanya diuraikan di sini.

Instal Google PageSpeed

Google PageSpeed ​​adalah modul server sumber terbuka yang mengoptimalkan kecepatan pemuatan situs web Anda. Ini dirancang oleh Google untuk membuat situs web Anda lebih cepat, dan mudah digunakan. Pada dasarnya, ini membuat modifikasi berbeda pada server dan file situs web Anda. Anda tidak perlu melakukan apa pun secara manual, dan kinerja situs web Anda akan lebih baik.

Ini sedekat solusi satu ukuran untuk semua yang akan Anda temukan dalam hal kinerja situs web Anda. Anda dapat menginstal Google PageSpeed ​​ke pengelola file Anda sendiri, atau Anda dapat meminta host atau pengembang Anda untuk membantu Anda dengan instalasi. Anda dapat mengaturnya dan melupakannya.

Gabungkan Gambar Latar Belakang

Banyak tema menggunakan beberapa gambar latar belakang untuk membuat satu gambar yang lengkap. Meskipun ini mungkin terlihat hebat dan simultan, ini mungkin memperlambat kinerja situs web Anda. Karena browser pengguna Anda perlu membuat beberapa permintaan berbeda untuk memuat foto latar belakang, hal ini memerlukan waktu untuk proses pemuatan.

Sebagai gantinya, gabungkan gambar Anda menjadi satu untuk meningkatkan kecepatan memuat situs web Anda. Dengan cara ini, pengguna Anda hanya perlu membuat satu permintaan daripada banyak. Situs web Anda akan lebih cepat karena tidak ada lagi beberapa permintaan bolak-balik agar latar belakang dimuat dengan benar.

Hentikan Gambar Tautan Panas

Hotlinking adalah praktik menyematkan foto dari situs web lain ke situs Anda sendiri tanpa mengunggahnya ke server Anda. Ini sederhana dengan sedikit kode, tetapi praktik buruk yang dapat menyebabkan pelambatan situs web antara lain.

Hotlinking tidak hanya merusak situs web Anda, tetapi juga secara teknis mencuri jika Anda melakukannya tanpa izin. Pemilik situs web membayar ruang untuk meng-host file ini, dan ketika Anda menempatkan file yang sama di situs web Anda sendiri melalui kode sematan, Anda mengambil sumber daya mereka tanpa izin.

Meskipun ada beberapa situs web yang memungkinkan Anda mengunggah gambar secara langsung dengan tujuan untuk membagikannya, ini tetap bukan ide yang baik. Saat situs web ini lambat atau mengalami lalu lintas tinggi, mereka dapat memperlambat kecepatan pemuatan situs web Anda jika Anda menyematkannya. Plus, kecuali Anda membayar untuk ruang, file-file ini dapat dihapus kapan saja tanpa peringatan.

Ya, hotlinking mungkin menghemat beberapa bandwidth, tetapi lebih cenderung memperlambat situs web Anda dalam jangka panjang. Selalu host gambar Anda di server Anda sendiri alih-alih hotlinking. Jika ragu, lebih baik membeli lebih banyak ruang di server Anda sendiri sehingga Anda dapat mengunggahnya. Anda harus tetap menggunakan file gambar kecil, jadi seharusnya tidak menjadi masalah.

Tingkatkan Kecepatan Pemuatan Situs Anda Sekarang

Apakah Anda siap untuk membawa situs web Anda ke tingkat yang lebih tinggi? Saatnya untuk meningkatkan kecepatan memuat situs web Anda. Jika Anda memiliki kecepatan memuat situs web yang lambat, mudah kehilangan pengunjung secara tidak sengaja. Pikirkan betapa frustrasinya Anda saat memuat situs web terlalu lama. Penundaan satu detik dalam waktu buka situs web akan menghasilkan penurunan 7% dalam konversi dan penurunan 11% dalam tampilan halaman. Jangan lakukan itu pada pengguna Anda dengan menganggap serius tips di atas.

Mempercepat situs web Anda tidak rumit, mahal, atau membingungkan. Ini adalah salah satu cara termudah dan tercepat untuk meningkatkan SEO Anda dan memberikan dampak positif bagi pengguna Anda. Jika Anda ingin situs web Anda berjalan lebih baik dan mengesankan pengguna Anda, ada baiknya berinvestasi dalam tip di atas.

Dari menghindari hotlink dan tautan rusak hingga meningkatkan hosting web Anda, bahkan langkah-langkah kecil di atas berdampak besar. Jika Anda kewalahan, mulailah dengan menguji kecepatan pemuatan situs web Anda. Dari sana, Anda akan memiliki gagasan bagus tentang seberapa banyak peningkatan yang perlu Anda lakukan untuk memastikan situs web Anda berjalan pada tingkat kinerja maksimumnya. Situs web Anda mungkin hanya memerlukan beberapa penyesuaian untuk memenuhi standar Google. Pengguna Anda lelah menunggu, jadi inilah saatnya untuk mulai bekerja.

Vektor kecepatan pemuatan situs web yang dibuat oleh ibrandify