15 Cara untuk Mempercepat Situs Web Anda

Salah satu hal terburuk yang dapat terjadi pada situs web Anda adalah kehilangan pelanggan karena masalah yang sepenuhnya dapat dicegah. Statistik dari studi Waktu Muat Halaman Google 2017 menunjukkan bahwa satu detik dapat membuat perbedaan besar dalam jumlah lalu lintas dan kepuasan pelanggan Anda.


Hanya dalam satu detik:

  • Tampilan halaman Anda dapat berkurang hingga 11 persen ��
  • Tingkat kepuasan pelanggan bisa turun 16 persen ��
  • Anda dapat mengalami pengurangan 7 persen dalam tingkat konversi ��

Selama satu tahun, penundaan satu detik itu dapat menghasilkan penurunan $ 2,5 juta dalam pendapatan untuk bisnis yang biasanya rata-rata $ 100.000 dalam penjualan harian.

Pendeknya, latensi adalah musuh kinerja situs web dan kepuasan pengguna. Lima puluh tiga persen konsumen menyatakan bahwa mereka akan meninggalkan situs web yang membutuhkan waktu lebih dari tiga detik untuk memuat.

Apa itu Latensi dan Mengapa Penting??

Ada tiga komponen yang berkontribusi terhadap kecepatan pengiriman data: bandwidth, latency, dan throughput. Sehubungan dengan konten dan pengkodean yang dioptimalkan, elemen-elemen ini berjalan seiring. Masalah dengan satu akan mempengaruhi yang lain.

gambar yang menunjukkan latensi dan kecepatan jaringanBandwidth adalah jalur pipa tempat data Anda berjalan. Bandwidth sempit mengurangi jumlah informasi yang melewati pipa itu pada waktu tertentu. Ini mengarah ke masalah dengan latensi dan mempengaruhi throughput.

Situs web latensi didefinisikan sebagai waktu yang diperlukan untuk informasi untuk melakukan perjalanan pulang pergi dari browser ke server dan kembali ke pengguna lagi. Throughput adalah jumlah data yang bergerak melalui server dalam periode waktu yang ditentukan.

Ini adalah keseimbangan optimal latensi (rendah) dan bandwidth (tinggi) yang mengarah pada pengiriman yang efisien dan hasil yang lebih baik. Jika saldo itu tidak menguntungkan, waktu muat halaman situs web Anda akan lebih lambat dan pengiriman data tertunda.

Apa yang berkontribusi pada tingkat latensi tinggi?

  • Perambatan. Ini adalah lamanya waktu yang dibutuhkan untuk paket data untuk melakukan perjalanan dari satu sumber ke yang lain.
  • Media transmisi. Kami telah menempuh perjalanan yang jauh sejak zaman dial up, tetapi media transfer masih memengaruhi latensi. Bahkan kemajuan teknologi seperti serat optik dan WAN memiliki keterbatasan fisik yang memengaruhi kecepatan pengiriman konten.
  • Router. Apa yang dapat kami lakukan dengan klik mouse atau dengan mengetik URL akan menggerakkan rangkaian peristiwa yang memungkinkan kami mengakses internet. Bagi pengguna rata-rata, permintaan dibuat dan dihormati dengan kecepatan cahaya. Namun, itu tergantung pada kemampuan router kami untuk menganalisis header paket dan informasi lainnya dengan benar.

Semakin banyak jaringan terdistribusi, semakin banyak paket harus melompat dari router ke router. Ini berkontribusi pada latensi tinggi.

  • Penyimpanan. Penundaan terjadi setiap kali paket data berhasil atau disimpan. Prosesnya semakin rumit dengan jumlah sakelar dan jembatan yang ditemui antara permintaan dan pengiriman browser awal. Lihat yang terkait – penyimpanan cloud terbaik
  • Memformat Cara Anda mengonfigurasi file dan mengelola basis data WordPress akan memengaruhi cara instruksi dan kode dibaca dan diproses. Kode yang bersih, ramping, dan elegan menghasilkan efisiensi dan kecepatan.
  • Jenis dan ukuran file. Masuk akal bahwa file yang lebih kecil dan pemformatan yang lebih sederhana akan melintasi jaringan lebih cepat dan lebih efisien. Situs web yang penuh grafis dan media kaya lainnya adalah konten yang tampak lebih berantakan, dan ini memengaruhi seberapa cepat halaman dapat memuat sepenuhnya. Itulah mengapa penting kompres file situs web Anda.

Manfaat Mengoptimalkan Situs Web Anda

Apakah Anda memutuskan untuk menggunakan pembuat situs web berkualitas tinggi, menyewa desainer web, atau membangun halaman web Anda sendiri, mempertimbangkan keamanan dan kecepatan dengan desain akan meningkatkan tampilan dan pengiriman konten Anda. Ini bantu dengan Optimasi SEO dan memberikan yang lebih baik pengalaman pengguna (UX).

Studi menunjukkan bahwa diperlukan hingga 22 detik untuk situs web seluler untuk memuat halaman arahan rata-rata sepenuhnya. Bayangkan keunggulan yang Anda miliki selama kompetisi jika Anda dapat mencukur waktu muat menjadi tujuh detik atau kurang.

15 Cara Anda Dapat Meningkatkan Kecepatan Web Anda Hari Ini

Server hari ini dapat memberikan waktu muat yang diukur dalam milidetik daripada detik. Selain mengontrol teknologi yang memberikan konten web Anda kepada pengunjung, Anda dapat menerapkan sejumlah perubahan dan penyesuaian untuk memastikan pemuatan halaman yang konsisten dan cepat serta UX keseluruhan yang lebih memuaskan.

Berikut adalah 15 cara Anda dapat meningkatkan kecepatan situs web Anda, dan mereka tidak akan mengurangi kualitas konten atau estetika situs Anda sama sekali.

1. Aktifkan Kompresi File

Kompresi file bukanlah hal baru. Kami semua menjumpai file yang terlalu besar untuk diunduh sehingga kami dapat mengaksesnya setelah dikompresi. Gagasan yang sama dapat membantu memuat situs web Anda lebih cepat dengan menggunakan kompresi Gzip.

Untuk melakukan ini dengan menginstal plugin kompresi untuk sistem manajemen konten Anda atau secara manual melalui file .htaccess. Ini akan berfungsi untuk CSS, JS, XML, dan HTML dengan menambahkan kode berikut:

AddOutputFilterByType DEFLATE teks / polos
AddOutputFilterByType DEFLATE teks / html
AddOutputFilterByType DEFLATE teks / xml
AddOutputFilterByType DEFLATE teks / css
Aplikasi AddOutputFilterByType DEFLATE / xml
Aplikasi AddOutputFilterByType DEFLATE / xhtml + xml
Aplikasi AddOutputFilterByType DEFLATE / rss + xml
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / x-javascript

2. Hapus Plugins dan Ekstensi yang Tidak Perlu

Saat Anda pertama kali membangun situs web, Anda tergoda untuk menginstal dan mencoba sejumlah plugin, Beberapa di antaranya bagus, tetapi banyak lagi yang akhirnya mengumpulkan debu di direktori kami. Buat aturan untuk segera menghapus pengaya dan pengaya atau ekstensi yang lama, tidak perlu, atau tidak didukung. Menonaktifkannya mungkin tampak sebagai opsi yang lebih mudah, tetapi itu dapat menyebabkan masalah keamanan dan membuat Anda berisiko terhadap pelanggaran dan eksploitasi.

Ketika datang ke keamanan situs web berfokus pada hanya menginstal plugin WordPress terbaik sambil menghapus yang tidak perlu juga sangat penting.

3. Optimalkan HTTP

Ada dua cara untuk meningkatkan waktu pemuatan halaman melalui pengoptimalan HTML. Yang pertama adalah meminimalkan permintaan HTTP Anda. Anda dapat melakukannya dengan beberapa cara:

  • Gunakan CSS alih-alih gambar bila memungkinkan
  • Gabungkan file CSS, JS, dan HTML untuk menghindari bloat dan redundansi
  • Desain halaman yang bersih dan sederhana dengan lebih sedikit elemen
  • Aktifkan caching
  • Kurangi jumlah arahan ulang dengan membersihkan halaman lama dan tautan yang terputus

Cara kedua Anda dapat mengoptimalkan HTML adalah dengan mengaktifkan Keep-Alive. Biasanya, setiap permintaan file memulai tindakan terpisah. Dengan mengaktifkan HTML Keep-Alive, Anda membuat satu koneksi terbuka yang tetap seperti itu sampai semua permintaan browser terpenuhi. Salin kode ini ke dalam file .htaccess Anda, dikelilingi oleh tag pembuka dan penutup yang sesuai:

IfModule mod_headers.c
Set header Koneksi tetap hidup
IfModule

4. Pasang Jaringan Pengiriman Konten (CDN)

Jaringan pengiriman konten (CDN) mengurangi waktu muat halaman dengan cara yang sama seperti server. Jaringan ini tersebar ke berbagai titik di dunia, memungkinkan seseorang di geolokasi mengakses situs web Anda lebih dekat ke rumah.

Banyak layanan hosting menyertakan CDN sebagai bagian dari layanan mereka, jadi periksalah ketersediaannya sebelum Anda masuk dengan siapa pun. Lihat terkait – CDN Kanada terbaik

5. Aktifkan Caching

Caching meninggalkan salinan halaman web Anda di browser pengguna hingga halaman diperbarui dan konten diperbarui. Ini berarti lebih sedikit permintaan HTTP dan halaman untuk memuat. Saat Anda mengaktifkan caching, Anda dapat mengurangi waktu muat halaman hingga 1,5 detik. Di era ketika setiap detik diperhitungkan, itu berarti perbedaan yang sangat besar.

Caching di WP dapat diaktifkan dengan plugin Rocket atau melalui salah satu plugin gratis seperti WP3 Total Cache atau Super Cache. Mereka yang menggunakan HTML dapat mengaktifkan caching melalui Etag, Kedaluwarsa, atau metode lain. Pengguna Drupal dapat melakukan cache yang memungkinkan dengan mengikuti instruksi ini.

6. Minify JS dan Kode CSS

Anda dapat meningkatkan waktu pemuatan halaman dengan mengurangi jumlah pengkodean yang diperlukan untuk melakukan suatu tindakan. Mulailah dengan membuat file terpisah untuk JS dan CSS, dan kemudian bekerja untuk mengurangi ruang kosong, menghapus komentar yang tidak perlu, dan menggabungkan file atau baris perintah sedapat mungkin. Jika Anda tidak yakin bagaimana cara meminimalkan kode terbaik tanpa membuat masalah lain, ada alat minifying yang tersedia yang akan mengidentifikasi dan memperbaiki koding yang membengkak..

7. Gunakan Asynchronous JS dan CSS File Loading

Setelah kode Anda ramping dan efisien, Anda dapat mengubah cara file dimuat ke halaman Anda melalui pemuatan tidak sinkron. Ini mengubah cara konten dimuat ke halaman Anda dengan melakukannya dengan lebih efisien.

Anda lihat, sebagian besar browser menangani permintaan dengan memuat halaman secara berurutan, satu per satu. Ini dikenal sebagai pemuatan halaman sinkron. Setiap kali browser menemukan halaman yang disinkronkan, browser akan menghentikan semua aktivitas lain hingga halaman saat ini dimuat sepenuhnya. Dengan pemuatan asinkron, peramban Anda dapat menangani beberapa permintaan secara bersamaan, yang berarti waktu pemuatan situs web yang lebih singkat secara bersamaan.

Sebagian besar sistem manajemen konten memiliki mekanisme untuk mengaktifkan pemuatan file CSS dan JS asinkron. Sebagai contoh, WordPress memiliki tab “File Statis” pada plugin Rocket mereka yang akan memungkinkan Anda untuk mengaktifkan fungsi ini dengan mencentang kotak yang sesuai di bagian “Render-blocking CSS / JS”. Pengguna non-WP dapat mengaktifkan ini di JS dengan menggunakan atribut async atau defer. Untuk CSS, cobalah menulis gaya untuk layar pertama di kepala html untuk mengaktifkan pemuatan asinkron dari halaman pertama.

Pemuatan JavaScript yang ditangguhkan dapat menghasilkan hasil yang sama, dan dapat diaktifkan di bagian yang sama dari panel WP Rocket sebagai preferensi pemuatan. Jika Anda menjalankan situs pada HTML, Anda dapat menunda pemuatan JS dengan melakukan panggilan ke file eksternal tepat sebelum tag tubuh pada kode Anda seperti ini:

8. Optimalkan File Gambar

Salah satu sumber daya terbesar dan basis data babi adalah gambar. Tentu, foto akan menambah konten Anda, tetapi terlalu banyak juga akan mempengaruhi kecepatan dan mengusir lalu lintas. Jika Anda harus memasukkan gambar di situs web Anda, pilih satu atau dua, kurangi ukuran file dan ketik menjadi sesuatu yang lebih efisien seperti .jpeg, atau buat menjadi kolase daripada galeri gambar yang terpisah. Anda juga bisa memindahkannya ke platform yang dibuat untuk gambar, seperti InstaGram, dan tautan sederhana ke platform itu dari situs web Anda.

Hal yang sama berlaku untuk konten video, yang dapat dihapus ke saluran YouTube. Kedua solusi ini juga akan membantu SEO, karena Anda dapat mengoptimalkannya secara terpisah dengan menggunakan kombinasi tag alt untuk mengindeks gambar dan konten video dan SEO pada halaman untuk optimasi halaman secara keseluruhan. Salah satu favorit kami adalah Optimizilla.

9. Nonaktifkan Hotlinking dan Batasi Berbagi Media Sosial

Berbicara tentang media sosial dan gambar, Anda sebaiknya menonaktifkan tautan panas di laman web Anda dan membatasi pembagian media sosial. Saran kedua tampaknya bertentangan dengan semua yang Anda ketahui tentang bukti sosial, penjangkauan, dan keterlibatan, tetapi Anda dapat menemukan keseimbangan yang akan mendukung kehadiran media sosial Anda tanpa mempengaruhi kinerja.

Ini membawa kita ke masalah hotlink. Hotlink adalah sedikit teknologi yang memungkinkan orang lain untuk mengambil konten Anda dan menggunakannya di situs web mereka sendiri atau platform media sosial. Ini juga secara tidak sengaja meningkatkan penggunaan sumber daya Anda.

Daripada menautkan gambar atau konten di situs web lain, atau membiarkan Anda dicuri, unduh dan simpan di server Anda. Ini mungkin tampak berlawanan dengan intuisi, tetapi menautkan ke konten situs web lain mungkin memiliki konsekuensi yang tidak diinginkan dengan membiarkan kinerja situs orang lain yang berpotensi di bawah standar memengaruhi Anda sendiri..

10. Kurangi Script Eksternal

Menambahkan skrip eksternal vi kode JS meningkatkan jumlah permintaan HTTP, yang menurunkan kecepatan situs web. Beberapa skrip eksternal diperlukan, jadi Anda tidak perlu menghilangkannya sama sekali. Pingdom memungkinkan Anda menguji setiap tautan eksternal untuk menentukan yang menyebabkan masalah.

Sebelum menambahkan tautan eksternal ke konten web Anda, pastikan bahwa situs web sumber terpercaya atau Anda bisa membawa masalah mereka ke platform Anda.

11. Temukan dan Perbaiki Tautan Rusak

Tautan rusak apa pun yang berakhir dengan pengalihan atau pesan kesalahan dapat memengaruhi UX. Namun, tip ini merujuk pada tautan yang terkandung dalam file gambar, JS, atau CSS Anda. Cari dan uji tautan dalam tajuk file CSS Anda dan di URL sumber JavaScript. Anda dapat mencarinya secara manual, dengan memeriksa log server, atau dengan menggunakan alat pengecekan tautan.

12. Optimalkan Database Anda

Penyimpanan file yang besar pasti berkontribusi pada kinerja yang lamban. Anda ingin catatan lengkap dari setiap tindakan untuk tujuan keamanan, tetapi setiap kali sebuah plugin atau fitur lainnya menyimpan data, itu menumpuk di database Anda. Bayangkan semua pingbacks itu, spam atau komentar yang tidak perlu, dan posting revisi yang menumpuk, dan Anda memiliki ide bagus tentang masalahnya.

pengoptimalan basis data

Untuk menghindari masalah ini, lakukan pencadangan rutin yang diikuti oleh pembersihan untuk menyingkirkan data berlebihan tanpa menderita konsekuensi yang tidak diinginkan.

13. Gunakan Tema Ringan

Anda akan kagum pada perbedaan hanya mengubah tema Anda dari sesuatu yang kikuk dan sarat dengan kode ke kerangka kerja yang ringan. Jika situs web Anda tampak lambat dan semua elemen lainnya baik-baik saja, coba gunakan tema yang lebih baru dan lebih ringan. Ini berarti menyelam lebih dalam ke sejarah kinerja tema daripada hanya mencari sesuatu yang terlihat cantik.

Seperti halnya plugin, pastikan untuk menghapus tema lama daripada menonaktifkannya.

14. Pilih Sistem Manajemen Konten Yang Baik

Sistem manajemen konten (CMS) sangat penting untuk menjaga kecepatan dan kinerja yang andal. Sejauh ini yang paling populer adalah WordPress, tetapi ada juga Joomla, Drupal, dan banyak lainnya. Mereka menawarkan keunggulan pengoptimalan konten dan ketersediaan plugin atau fitur yang meningkatkan kinerja.

15. Pilih Layanan Hosting Anda dengan Mengawasi Kinerja

Mungkin tergoda untuk menemukan layanan hosting yang murah. Lagi pula, roti dan mentega Anda ada di platform Anda, bukan? Namun, mengoptimalkan semua komponen lain yang berkontribusi pada kinerja efisien tidak masalah jika platform hosting Anda di bawah standar.

Ini berarti tidak hanya memilih rencana yang akan memungkinkan Anda untuk menangani lonjakan dan pertumbuhan lalu lintas, tetapi juga menemukan penyedia dengan teknologi untuk mendukung kinerja. Paket hosting bersama tidak apa-apa jika Anda baru memulai dan menggunakan lebih banyak konten statis. Namun, kecepatan dan ketersediaan sumber daya Anda terkadang bergantung pada memiliki tetangga yang baik.

Kapan pun memungkinkan, pilihlah jaringan pribadi virtual yang berkualitas (VPN) atau a dedicated server. Ini akan memberi Anda sumber daya, penyimpanan, dan ketersediaan yang diperlukan untuk mengurangi waktu henti dan latensi.

Jangan Lupa Tentang Pengujian dan Evaluasi yang Sedang Berlangsung

Mengetahui apa yang harus diubah dan kapan tergantung pada mengetahui masalah apa yang memengaruhi waktu pemuatan laman dan kecepatan pengiriman konten secara keseluruhan. Beberapa layanan hosting memiliki alat bawaan yang dapat Anda gunakan untuk mengukur kinerja situs web. Ada juga sejumlah metode dan alat yang dapat Anda gunakan untuk mengukur latensi dan waktu pemuatan halaman.

Apa pun metode atau alat yang Anda gunakan, pastikan untuk menguji dari berbagai lokasi. Masuk akal bahwa server yang terletak lebih jauh dari sumber akan membutuhkan waktu lebih lama untuk mengirimkan konten. Pengujian geografis dari sejumlah lokasi akan membantu Anda mengukur tingkat latensi. Saat melakukan tes kecepatan, lakukan hal itu dengan CDN Anda diaktifkan dan dinonaktifkan. Ini akan membantu Anda mengevaluasi efektivitas CDN Anda dan teknologi lainnya.

bagaimana cara kerja cdn

Salah satu alat pengujian kecepatan yang paling umum dan efektif adalah Pingdom. Alat online gratis ini adalah cara mudah untuk menentukan berbagai masalah dengan kinerja dan kecepatan situs web. Anda cukup memasukkan URL dan lokasi server Anda ke dalam kotak pencarian dan tekan “Mulai Uji”. Anda juga dapat membeli langganan premium untuk pengujian yang lebih mendalam tentang waktu aktif dan jenis konten dari lebih dari 70 lokasi server.

Ini adalah contoh uji ping menggunakan DNS publik Google:

$ ping 8.8.8.8
PING 8.8.8.8 (8.8.8.8): 56 byte data
64 byte dari 8.8.8.8: icmp_seq = 0 ttl = 56 waktu = 54.524 ms
64 byte dari 8.8.8.8: icmp_seq = 1 ttl = 56 waktu = 43.423 ms
64 byte dari 8.8.8.8: icmp_seq = 2 ttl = 56 waktu = 50.773 ms

Alat traceroute akan melacak perjalanan paket dari server ke server, mengukur rute dari browser ke host dan mengidentifikasi setiap hambatan atau masalah lain.

Berikut adalah contoh laporan perintah traceroute menggunakan Google DNS yang sama:

$ traceroute 8.8.8.8
traceroute ke 8.8.8.8 (8.8.8.8), maksimal 64 hop, paket 52 byte
1 192.168.0.1 (192.168.0.1) 6.632 ms 9.659 ms 10.089 ms
2 10.89.0.1 (10.89.0.1) 29.867 ms 14.293 ms 30.259 ms
3 blk-212-126-117.eastlink.ca (173.212.126.117) 20.677 ms 19.575 ms 20.155 ms
4 ns-hlfx-dr002.ns.eastlink.ca (24.215.102.161) 30.093 ms 29.371 ms 30.796 ms
5 ns-hlfx-br002.ns.eastlink.ca (24.215.102.221) 29.540 ms 29.516 ms 29.989 ms
6 ns-hlfx-br001.ns.eastlink.ca (24.215.102.9) 26.678 ms 29.203 ms 30.787 ms
7 google.eastlink.ca (24.215.101.10) 49.027 ms 49.196 ms 90.601 ms
8 209.85.241.127 (209.85.241.127) 49.999 ms
72.14.239.75 (72.14.239.75) 48.939 ms
72.14.235.169 (72.14.235.169) 46.823 ms
9 google-public-dns-a.google.com (8.8.8.8) 49.465 ms 45.436 ms 43.772 ms

Berbicara tentang Google, mereka juga memiliki alat gratis untuk menguji situs web untuk masalah kecepatan dan kinerja. Anda dapat mengakses Wawasan PageSpeed ​​mereka di sini.

Pengujian bukan merupakan operasi satu kali. Situs web Anda harus dipantau sepanjang waktu menggunakan otomatisasi dan beberapa alat yang tersedia untuk pengujian kinerja dan kecepatan. agar hasilnya memiliki makna. Ini akan membantu Anda mengidentifikasi masalah apa pun sebelum menjadi masalah yang mahal.

Pikiran terakhir

Ketika jaringan menjadi lebih ramai dan terdistribusi, latensi menjadi lebih mungkin. Tujuan kami adalah memberi Anda informasi yang Anda butuhkan untuk meningkatkan kinerja dan kecepatan situs web Anda. Selain memilih layanan hosting web terbaik untuk kebutuhan dan anggaran Anda, mengoptimalkan konten Anda dan bagaimana pengirimannya akan sangat membantu menghilangkan banyak penyebab downtime dan kinerja yang lambat..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

About the author

Adblock
detector