Cara Mempercepat Situs Web Anda

pengantar

nelayan

83% pengguna mengharapkan situs memuat dalam 3 detik atau kurang tetapi waktu buka rata-rata dari 500 halaman muka e-niaga teratas adalah 10 detik

Data menunjukkan betapa pentingnya kecepatan situs web di AS sekitar 25% orang mengatakan mereka akan meninggalkan halaman web yang membutuhkan lebih dari empat detik untuk memuat

Waktu pemuatan halaman dalam detik.

jam

Tentang 47% dari semua pembeli ingin situs web Anda dimuat di bawah dua detik.

panci

Jika sebuah halaman membutuhkan lebih dari tiga detik untuk memuat, selesai 40% pengunjung akan terpental.

Tidak ada yang lebih membuat frustrasi daripada situs web yang lambat. Tidak hanya buruk bagi pengguna akhir, tetapi juga sangat buruk bagi pemilik situs web. Pada zaman dan zaman, kita hidup di dalamnya, memiliki sebuah situs web adalah suatu keharusan tidak hanya untuk bisnis tetapi juga bagi siapa saja yang ingin berbagi informasi yang berguna dengan dunia. Apakah mereka adalah fotografer yang mencoba memamerkan karya mereka, seniman yang mencoba membuat suara mereka didengar, tinggal di rumah, memberikan tutorial DIY atau guru yang ingin berbagi pengetahuan, sangat penting untuk memiliki situs web yang efektif. Salah satu faktor utama yang membuat situs web efektif adalah kecepatan.

Mengapa Masalah Kecepatan Situs Web Anda?

Kecepatan dapat membuat atau menghancurkan situs web. Ini memengaruhi lalu lintas, tampilan halaman, konversi, penjualan, dan reputasi Anda secara keseluruhan. Dengan membuatnya lebih cepat, Anda dapat meningkatkan bisnis atau basis penggemar Anda dan membantunya tumbuh. Penelitian telah menunjukkan:

  • 47 persen orang mengharapkan situs web dimuat dalam waktu kurang dari dua detik.>
  • 40 persen orang sangat mungkin meninggalkan situs web jika perlu memuat lebih dari tiga detik.

Karena itu, kecepatan situs web memainkan peran yang sangat penting dalam membuat bisnis Anda sukses. Itu harus menjadi salah satu prioritas utama Anda jika Anda ingin menonjol dari pesaing Anda. Dengan mempercepat situs web Anda, Anda tidak hanya akan menghasilkan hasil positif dalam hal tampilan halaman dan konversi, tetapi Anda juga akan memberikan pengunjung Anda pengalaman pengguna yang lebih baik.

Pengalaman pengguna yang hebat adalah kunci untuk membangun basis pelanggan yang kuat dan membangun merek yang kuat. Jika situs web Anda membutuhkan waktu selamanya untuk dimuat, lalu apa gunanya memiliki situs web yang luar biasa dalam hal elemen lainnya, ketika orang-orang bahkan tidak cenderung untuk tinggal dan memeriksanya? Karena itu, dengan tidak memastikan situs web Anda memuat dengan cepat, Anda berisiko kehilangan banyak pelanggan atau pengikut dan, dengan demikian, banyak pendapatan.

Selain itu, kecepatan situs web Anda sangat penting untuk SEO Anda. Jika situs web Anda memuat dengan cepat, peringkat Anda di mesin pencari akan lebih tinggi. Ini karena Google lebih suka situs web cepat, dan itu memberi mereka penghargaan dengan memberi peringkat lebih tinggi dalam hasil mesin pencari. Selain kecepatan, pengalaman pengguna adalah faktor lain dalam algoritma peringkat Google. Jadi, dengan meningkatkan kecepatan situs web Anda dan meningkatkan pengalaman pengguna Anda, Anda pada akhirnya akan meningkatkan peringkat SEO Anda.

Akibatnya, Anda akan mendapatkan lalu lintas yang lebih tinggi dan menarik lebih banyak arahan berkualitas yang dapat Anda konversi menjadi pelanggan, pada akhirnya meningkatkan penjualan Anda dan menghasilkan lebih banyak pendapatan.

Cara Menguji Kecepatan Situs Web Anda?

  • Wawasan PageSpeed adalah alat gratis Google untuk menguji kecepatan situs web Anda dan sangat mudah digunakan. Yang perlu Anda lakukan adalah memasukkan URL situs web Anda dan alat akan menganalisis kontennya dan menghasilkan saran tentang cara membuat situs web Anda lebih cepat.
  • Pingdom juga merupakan alat yang sangat berguna yang tidak hanya menguji kecepatan situs web Anda, tetapi juga meninjau dan menilai kinerja situs web Anda. Ini juga melacak riwayat kinerja situs web Anda, sehingga Anda dapat memiliki wawasan tentang segala kemungkinan perubahan terkait kecepatan situs web Anda.
  • YSlow adalah alat yang menguji kecepatan situs web Anda dan menawarkan saran tentang cara meningkatkannya. Itu juga dapat memberi Anda ekstensi Chrome untuk memeriksa kecepatan situs web Anda.

15 Cara untuk Mempercepat Situs Web Anda

Ada banyak cara untuk mempercepat situs web Anda, menjadikannya benar-benar efektif dan sukses. Berikut ini adalah beberapa cara termudah dan paling efektif untuk mempercepat situs web Anda dan membuat setiap upaya Anda membuahkan hasil dalam jangka panjang.

Tingkatkan Paket Web Hosting Anda

Secara nyata, ini berarti bahwa jika situs Anda biasanya menghasilkan $ 100.000 sehari

1 detik

Banyak orang memilih paket hosting web murah saat pertama kali membuat blog atau situs web, sehingga mereka memilih hosting bersama. Seiring waktu, mereka menyediakan lebih banyak konten dan situs web mereka tumbuh, pada akhirnya melambat. Jika itu adalah kasus Anda, pilihan terbaik adalah meningkatkan paket hosting web Anda. Meningkatkan paket hosting web Anda adalah cara termudah dan termudah untuk meningkatkan kecepatan situs web Anda. Tetapi pastikan Anda memilih perusahaan hosting terbaik yang akan memenuhi semua kebutuhan Anda.

Jika Anda telah berbagi hosting, Anda harus pindah ke VPS atau opsi khusus. Either way, Anda akan melihat perbedaan yang signifikan dalam kecepatan situs web Anda. Membuat keputusan antara dua opsi tergantung pada kebutuhan bisnis Anda sendiri, jadi pastikan Anda menjelajahi kedua opsi dengan cermat dan menyeluruh.

Ini hanya catatan singkat tentang keduanya. Hosting VPS (Virtual Private Server) mungkin merupakan pilihan terbaik, karena menggunakan beberapa server untuk distribusi konten (kadang-kadang bahkan ratusan server). Ini juga merupakan solusi scalable dan paling menarik bagi bisnis kecil dan menengah, serta blogger.

Di sisi lain, dengan server khusus, Anda mendapatkan kontrol penuh, karena Anda mendapatkan sumber daya khusus. Anda tidak perlu membagikan RAM, CPU, bandwidth, atau apa pun karena semua sumber daya didedikasikan hanya untuk Anda. Selain itu, batas bandwidth lebih tinggi tetapi, karena Anda tidak memiliki banyak komputer, opsi hosting ini jauh lebih fleksibel. Namun, ini jauh lebih mahal daripada hosting VPS.

Aktifkan Caching Browser

Spesialis kecepatan dan ilmuwan komputer Microsoft, Harry Shum percaya 0,25 detik perbedaan waktu buka halaman – lebih cepat atau lebih lambat – adalah angka ajaib yang menentukan keunggulan kompetitif untuk bisnis online.

Mengaktifkan caching dapat meningkatkan kecepatan situs web Anda secara signifikan dan memberi pengunjung ke situs Anda pengalaman pengguna yang lebih memuaskan. Caching mengacu pada proses penyimpanan file statis, seperti dokumen HTML, file media, gambar, file CSS dan JavaScript, untuk akses yang lebih mudah dan lebih cepat, sehingga database tidak harus mengambil masing-masing dan setiap file setiap kali ada file baru permintaan. Semakin banyak permintaan yang dilakukan ke server Anda, semakin banyak waktu yang dibutuhkan untuk memuat situs web Anda.

Ketika seseorang mengunjungi situs web Anda, elemen-elemen pada halaman web yang mereka coba akses secara otomatis diunduh dan disimpan di hard drive mereka dalam cache (penyimpanan sementara). Dengan begitu, saat berikutnya mereka mengunjungi situs web Anda, browser mereka akan memuat halaman web yang diminta dengan sangat cepat, tanpa harus mengirim permintaan HTTP ke server lagi.

tangan

44% pembeli online mengatakan bahwa transaksi online yang lambat membuat mereka cemas tentang keberhasilan transaksi

Namun, caching hanya berfungsi untuk pengunjung berulang, karena, jelas, pengunjung pertama kali tidak memiliki versi cache dan penyimpanan situs web Anda. Namun, mengaktifkan caching penuh untuk situs web Anda dapat mengurangi waktu pemuatan halaman Anda dari 2,4 menjadi 0,9 detik. Ini disebabkan oleh kenyataan bahwa mungkin ada 30 atau lebih komponen berbeda yang perlu disimpan dalam cache pengguna saat pertama kali mereka mengunjungi situs web Anda, tetapi hanya beberapa komponen yang perlu diunduh untuk kunjungan berikutnya..

Bergantung pada platform situs web yang Anda gunakan, ada berbagai cara untuk mengaktifkan cache browser. Misalnya, jika Anda menggunakan WordPress, cara termudah untuk mengaktifkan caching adalah memasang plugin. Plugin caching WordPress terbaik adalah W3 Total Cache, yang merupakan plugin kinerja paling populer, dan WP Super Cache, yang terbaik untuk situs web dengan lalu lintas tinggi dan server kurang bertenaga.

siput

51% pembeli online di AS mengatakan bahwa kelambatan situs adalah alasan utama mereka meninggalkan pembelian

Jika Anda menggunakan Drupal sebagai CMS, Anda harus menggunakan Pernis Cache perangkat lunak untuk meningkatkan caching browser. Jika Joomla adalah CMS Anda, Anda dapat mengaktifkan caching peramban di dasbor Joomla Anda: buka System> Global configuration dan klik pada tab System. Anda akan melihat label Cache di bawah label pengaturan Cache, tempat Anda mengklik untuk membuka menu tarik-turun dan memilih opsi ON – Caching Konservatif dari daftar. Klik simpan dan buka Extensions> Plugin Manager, tempat Anda dapat mengaktifkan plugin System-Cache.

sampah

18% pembeli akan meninggalkan keranjang mereka jika halaman terlalu lambat. Total biaya gerobak belanja yang ditinggalkan untuk pengecer online telah diperkirakan lebih dari $ 20 miliar per tahun

Anda juga dapat mengaktifkan caching peramban di tingkat server, yaitu, mengintegrasikan caching ke skrip sisi-server Anda, yang merupakan sesuatu yang pengembang web Anda dapat membantu Anda dengan.

Sumber daya statis yang disimpan dalam cache harus memiliki masa caching setidaknya satu minggu. Anda dapat mengaturnya dengan menambahkan Kedaluwarsa Header dan mengaturnya ke minimum satu minggu dan maksimum satu tahun. Pilihan terbaik adalah menetapkan waktu kedaluwarsa terlambat untuk sumber daya statis yang tidak sering diperbarui dan waktu kedaluwarsa pendek untuk sumber daya yang diperbarui secara teratur.

Kedaluwarsa Header memberi tahu browser apakah file tertentu harus diminta dari server atau dari cache browser. Mereka juga memberi tahu browser berapa lama perlu menyimpan file-file itu dalam cache sehingga mereka tidak diunduh lagi selama kunjungan berikutnya.

truk yang buruk

79% pelanggan yang tidak puas tidak lagi mengunjungi kembali situs web berkinerja buruk – kecuali ketika Anda Google atau Amazon.

Aktifkan Kompresi Gzip

Jika Anda pernah mengkompres file di komputer Anda sebagai file ZIP, maka Anda harus tahu seberapa banyak metode itu dapat mengurangi ukuran file. Kompresi Gzip bekerja persis sama, kecuali dengan halaman situs web. Ini adalah metode kompresi terbaik dan paling efektif yang dapat dipertimbangkan meminimalkan permintaan HTTP dan mengurangi waktu respons, kadang-kadang sebanyak 70 persen.

dua lelaki

46% pelanggan yang tidak puas mengembangkan kesan negatif yang bertahan lama dan 44% berbagi pengalaman belanja mereka dengan seluruh dunia.

Dengan mengaktifkan kompresi Gzip, file situs web Anda akan secara otomatis dikompresi dalam file ZIP. Ini akan secara signifikan mengurangi ukurannya dan meningkatkan kecepatan situs web Anda. Banyak bandwidth akan disimpan dan waktu buka halaman situs web Anda akan ditingkatkan. Ketika seseorang mengunjungi situs web Anda, file terkompresi akan terbuka ritsleting secara otomatis sehingga konten dapat diakses.

Anda dapat menginstal kompresi Gzip di situs web Anda dengan menggunakan plugin kompresi yang tepat untuk CMS Anda, tetapi Anda juga dapat dengan mudah melakukannya secara manual. Ada dua cara untuk menambahkan kompresi Gzip secara manual ke situs web Anda. Yang pertama adalah menambahkan kode berikut ke file .htaccess Anda jika Anda ingin mengompres teks, JavaScript, HTML, CSS atau XML:

100 milidetik. Berapa lama? Lobus oksipital di otak kita menyimpan informasi visual? Sebagai memori sensorik

Percepat Situs Web Anda
Lihat Mempercepat Situs Web Anda [Infografis]

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

Jika Anda ingin mengompres jenis file tertentu dengan ekstensi, tambahkan kode berikut ke file .htaccess Anda:

<file *.html>
SetOutputFilter DEFLATE
</ file>

Cara kedua untuk menambahkan kompresi Gzip secara manual ke situs web Anda adalah dengan menambahkan kode berikut ke bagian atas halaman HTTP atau PHP Anda:

if (substr_count ($ _SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) ob_start("ob_gzhandler"); lain ob_start();?>

Hapus Plugin yang Tidak Perlu

100 milidetik
memberi pengunjung ilusi tanggapan situs web instan

1 detik waktu memuat halaman tidak cukup dalam menjaga alur pemikiran yang mulus

Di 10 detik keterlambatan, perhatian pengunjung nyaris tidak dijaga. Sensasi ketidaksabaran, frustrasi, dan perasaan ditinggalkan biasanya cukup kuat untuk mencegah pengunjung mengunjungi kembali situs web yang lambat tersebut.

Setiap plugin yang Anda tambahkan membutuhkan sumber daya untuk dapat dijalankan. Namun, lebih banyak sumber daya mengarah ke situs web yang lebih lambat. Jika Anda memasang beberapa plugin yang tidak lagi digunakan atau tidak perlu, Anda harus menonaktifkan dan menghapusnya. Tidak hanya dapat terlalu banyak plugin memperlambat situs web Anda, tetapi mereka juga dapat menyebabkan masalah keamanan dan crash.

Dengan menghapus plugin yang tidak perlu, Anda dapat sangat meningkatkan waktu buka halaman dan mempercepat situs web Anda. Namun, Anda harus tahu bahwa dalam hal plugin, bukan hanya masalah jumlah plugin. Anda dapat memiliki 50 plugin dan masih memiliki situs web yang lebih cepat daripada seseorang yang memasang 10 plugin di situs mereka. Jumlah plugin itu penting, tetapi kualitasnya juga ada. Misalnya, plugin berbagi sosial dapat sangat memengaruhi waktu buka halaman Anda, jadi Anda mungkin ingin mempertimbangkan untuk memasukkan tombol media sosial ke dalam kode sumber tema situs web Anda.

Oleh karena itu, Anda harus menghindari plugin yang memuat banyak skrip dan banyak gaya, melakukan banyak permintaan jarak jauh dan membanjiri setiap halaman di situs web Anda dengan menambahkan banyak permintaan basis data. Tentu saja, plugin berkontribusi pada fungsionalitas situs web Anda dan ada cukup banyak yang dapat membantu Anda meningkatkannya. Tetapi Anda harus menyimpan hanya yang Anda anggap perlu saja.

Catatan: Jika Anda menggunakan Drupal atau Joomla, misalnya, Anda tidak memiliki plugin untuk berurusan di tempat pertama. Jadi, Anda dapat mempercepat situs web Anda dengan menonaktifkan modul atau menambahkan ekstensi optimisasi kecepatan. Saran terbaik untuk Drupal adalah jangan pernah menjalankan lebih dari 50 modul. Hanya jalankan yang benar-benar diperlukan untuk fungsionalitas situs web Anda.

Adapun Joomla, pastikan Anda memeriksa ekstensi berikut, karena masing-masing dapat meningkatkan kecepatan situs web Anda: JQuery Mudah, LLFJ, Javascript Async dan Defer dan ScriptsDown.

Minimalkan Permintaan HTTP

Kehidupan nyata
Contohnya

Amazon dan Walmart keduanya melaporkan a 1% kerugian dalam pendapatan per 100 ms keterlambatan pemuatan situs

Walmart meningkatkan konversi sebesar 2% untuk setiap 1 detik peningkatan waktu buka

Ketika Mozilla meningkatkan kecepatan halaman 2,2 detik, Angka unduhan Firefox meningkat 15,4%, atau 10 juta per tahun!

Raksasa e-commerce, Shopzilla melihat 50 persen pengurangan anggaran operasionalnya dengan menyusutkan waktu pemuatan halaman dari 7 detik untuk 2 detik

Situs web bisa lambat karena terlalu banyak permintaan HTTP. Ketika seseorang mengunjungi situs web Anda, mereka meminta file tertentu. Browser web mereka meminta file-file itu dari server Anda dengan menggunakan protokol HTTP. File-file ini termasuk file HTML, CSS dan file JavaScript. Jika Anda memiliki banyak dari mereka, akan ada banyak permintaan HTTP dan situs web Anda pada akhirnya akan melambat.

Inilah sebabnya mengapa Anda harus meminimalkan permintaan HTTP. Ada beberapa cara bagus untuk melakukan ini.

  • Gabungkan CSS, skrip JS dan file HTML bersamaan.
  • Gunakan CSS alih-alih gambar bila memungkinkan.
  • Kurangi jumlah elemen pada setiap halaman web.
  • Instal plugin caching.
  • Kurangi pengalihan, yang membuat permintaan HTTP tambahan ke server Anda dan menambah waktu muat halaman Anda.

Misalnya, jika situs web Anda responsif, pengguna seluler yang mengunjungi situs web Anda akan diarahkan ke versi responsifnya. Anda dapat mengambil dua tindakan untuk memastikan pengalihan semacam itu tidak memperlambat situs web Anda. Anda dapat mengatur pengalihan HTTP untuk secara langsung mengirim pengguna seluler ke URL khusus perangkat tanpa pengalihan tambahan atau mengatur pengalihan JavaScript untuk mengidentifikasi URL yang setara dengan seluler dan mengarahkan pengguna seluler ke URL tersebut. Namun, opsi yang terakhir dapat menyebabkan latensi, karena halaman web harus diunduh terlebih dahulu di sisi klien pengalihan sebelum JavaScript dapat dieksekusi dan pengalihan dapat dilakukan.

Aktifkan HTTP Keep-Alive

Ketika server web Anda menerima permintaan HTTP dari browser pengunjung situs web Anda, yaitu, ketika pengunjung meminta file tertentu, browser meminta izin kepada server untuk mengunduh file tersebut. Ia melakukannya untuk setiap file secara individual. Ini membutuhkan banyak bandwidth dan memori, belum lagi menggunakan lebih banyak kekuatan pemrosesan. Akhirnya, itu menyebabkan banyak beban di server Anda dan memperlambat situs web Anda.

HTTP vs HTTPS
Lihat HTTP vs HTTPS [Lembar Curang]

Anda dapat membuat situs web Anda lebih cepat dengan mengaktifkan HTTP Keep-Alive, yang akan membuat koneksi terbuka tunggal untuk beberapa permintaan file ke server Anda, sehingga sangat mempercepat situs web Anda. Sederhananya, server memberi tahu browser bahwa ia dapat mengunduh banyak file secara bersamaan, tanpa terlalu banyak memuatnya di server. Ketika jumlah koneksi ke server Anda terbatas, banyak bandwidth akan disimpan.

Anda dapat mengaktifkan HTTP Keep-Alive dengan menyalin dan menempelkan kode berikut ke file .htaccess Anda:

<IfModule mod_headers.c>
Set header Koneksi tetap hidup
</ IfModule>

Perkecil File JavaScript dan CSS

Berikut ini contoh luar biasa lain dari peran yang dimainkan kecepatan halaman dalam pendapatan situs. Intuit, sebuah perusahaan perangkat lunak pajak, melakukan percobaan untuk mengurangi waktu pemuatan situs web mereka:

Untuk setiap detik yang dihapus dari waktu muat, Intuit bertambah
konversi

memuat kali

Jika Anda memiliki banyak file JavaScript dan CSS di situs web Anda, akan ada banyak permintaan HTTP ketika pengunjung situs web Anda ingin mengakses file tertentu. Karena browser web mereka akan menangani file-file itu secara individual, sejumlah permintaan HTTP tersebut akan sangat memperlambat situs web Anda.

Sementara meminimalkan (meminimalkan) permintaan HTTP dan mengaktifkan HTTP, Keep-Alive dapat sangat meningkatkan kecepatan situs web Anda. Anda harus mempertimbangkan untuk memperkecil file JavaScript dan CSS karena ini juga dapat secara signifikan mempercepat situs web Anda. Dengan meletakkan semua file JavaScript ke dalam satu file JavaScript tunggal, serta menempatkan semua file CSS ke dalam satu file CSS, Anda akan mengurangi jumlahnya. Ini akan mengurangi jumlah permintaan HTTP dan mempercepat situs web Anda.

Ada banyak alat pemecah yang dapat Anda coba, tetapi Anda mungkin ingin memulai dengan yang gratis dan sangat mudah digunakan WillPeavy plugin yang dapat membantu Anda dengan cepat meminimalkan file HTML, CSS dan JavaScript. Minimalkan BWP (Better WordPress Minify) juga merupakan plugin yang hebat yang dapat membantu Anda menggabungkan dan memperkecil file JavaScript dan CSS Anda, tetapi ini adalah plugin untuk WordPress saja.

Optimalkan Gambar Anda

Gambar membutuhkan banyak bandwidth. Saat tidak dioptimalkan, artinya ukurannya besar, mereka menggunakan banyak sumber daya server dan membutuhkan lebih banyak waktu untuk memuat. Ketika gambar Anda tidak dioptimalkan, situs web Anda bisa menjadi jauh lebih lambat.

Karena itu, pertimbangkan untuk mengurangi ukuran gambar Anda tanpa memengaruhi kualitasnya secara negatif. Anda dapat melakukannya dengan menggunakan plugin yang dapat mengompres gambar Anda dan memastikan mereka tidak kehilangan kualitas dalam proses.

Jika Anda menggunakan WordPress, coba WP Smush, sebuah plugin yang secara otomatis akan mengompres gambar Anda saat Anda mengunggahnya ke perpustakaan media Anda. Di sisi lain, jika Anda menggunakan Drupal atau Joomla sebagai CMS Anda, periksa Kraken, yang juga merupakan alat yang hebat untuk mengompres gambar.

Selain itu, pertimbangkan untuk menggunakan sprite CSS, karena mereka juga dapat sangat mempercepat situs web Anda. Sprite adalah satu file yang berisi semua gambar Anda. Anda dapat membuat sprite dengan menggunakan CSS, yang dapat menentukan koordinat dan menyembunyikan segala sesuatu dalam gambar kecuali bagian yang Anda butuhkan. Karena itu, semua gambar Anda akan diletakkan di satu tempat dan halaman web Anda akan memuat lebih cepat karena satu gambar besar dapat memuat lebih cepat daripada banyak gambar kecil.

Kapan kamu optimalkan gambar Anda, terlepas dari ukurannya, Anda harus fokus pada format dan atribut src mereka, yang merupakan URL gambar. Anda harus tetap menggunakan format JPEG, sementara PNG juga bagus, tetapi tidak sepenuhnya didukung oleh peramban lama.

pengguna ponsel

50% pengguna ponsel akan meninggalkan halaman jika tidak dimuat dalam 10 detik, dan tiga dari lima tidak akan kembali ke situs itu

Ketika datang ke atribut src, Anda perlu memastikan kode itu benar. Hindari kode src gambar kosong. Yaitu, kode untuk gambar dalam HTML termasuk yang berikut:

<img src=>

Ketika tidak ada sumber di dalam tanda kutip, browser membuat permintaan ke direktori halaman atau ke halaman itu sendiri, yang dapat menyebabkan banyak beban di server Anda dan bahkan merusak data Anda. Karena itu, pastikan Anda selalu menyertakan “atribut src” dengan URL yang valid.

Ubah Tema Situs Web Anda

truk yang kaya

Waktu respons rata-rata untuk 14
situs ritel seluler terkemuka di industri
adalah 4,73 detik. Amazon memimpin dengan
waktu respons 2,85 detik

Tema situs web Anda juga dapat memengaruhi kecepatan situs web Anda. Tidak peduli seberapa bagus konfigurasi server Anda, jika tema situs web Anda memiliki kode yang kompleks, situs web Anda akan dimuat dengan lamban. Ini tidak biasa, terutama di WordPress, untuk tidak mengubah apa pun selain tema situs web Anda, hanya untuk menemukan ada peningkatan besar dalam waktu buka halaman.

Karenanya, pertimbangkan mengubah tema situs web Anda dan menjadikan kinerja sebagai salah satu prioritas saat memilih tema, alih-alih hanya melihat estetika. Anda dapat memeriksa kecepatan halaman dari demo tema tertentu dengan bantuan salah satu alat untuk menguji kecepatan situs web sehingga Anda dapat melihat seberapa cepat tema berjalan.

Gunakan CDN

Kesabaran pengguna web seluler

Sebagian besar peserta dalam survei akan menunggu 6-10 detik sebelum mereka meninggalkan halaman

30%

30%

16-20 detik

20 $

20%

20 + detik

16%

16%

1-5 detik

16%

16%

11-15 detik

15%

15%

11-15 detik

3%

3%

dari mereka yang disurvei mengatakan bahwa mereka akan “menunggu kurang dari satu detik untuk satu halaman” dimuat sebelum ditinggalkan.

CDN (Content Delivery Network) adalah jaringan beberapa server yang berlokasi di seluruh dunia yang mengirimkan konten web kepada pengguna akhir sesuai dengan lokasi geografis mereka. CDN dapat meng-host file statis dari situs web Anda untuk memberikannya lebih efisien dan mengurangi bandwidth dan beban server Anda.

Dengan CDN, konten web yang diminta akan dikirim lebih cepat ke pengguna akhir, karena CDN akan menggunakan server yang paling dekat dengan pengguna untuk mengirimkan file yang mereka minta. Akibatnya, tidak hanya tidak akan ada latensi, tetapi situs web Anda juga akan menjadi lebih cepat. Ini disebabkan karena pengunjung Anda akan mengakses cache Anda alih-alih meminta file langsung dari server Anda.

Karenanya, dengan menggunakan CDN, Anda akan menghemat banyak bandwidth dan secara signifikan meningkatkan waktu pemuatan halaman dan kecepatan situs web Anda. Anda dapat menyimpan file CSS dan JavaScript di CDN, serta gambar, video, PDF, dan jenis konten yang diunggah lainnya.

Menggunakan CDN bisa jadi sangat mahal, tetapi ia memiliki banyak manfaat, jadi itu layak untuk setiap sen, terutama jika Anda menggunakan banyak bandwidth. Jadi, jika Anda memiliki situs web besar dan banyak pengunjung, CDN adalah jalan Anda.

Kurangi Skrip Eksternal

Skrip eksternal yang Anda tambahkan ke situs web Anda dalam bentuk kode JavaScript membuat permintaan HTTP setiap kali halaman web Anda dimuat. Seperti yang sudah Anda ketahui, ini memperlambat situs web Anda. Skrip eksternal tersebut dapat berupa sistem komentar eksternal, kotak pop-up, font eksternal, layanan analisis situs web, kotak media sosial, seperti kotak Facebook “like my page”, dan banyak lagi.

Meskipun Anda tentu tidak harus menghilangkan semua skrip eksternal Anda, Anda harus menguranginya, karena itu akan membantu Anda mempercepat situs web Anda. Anda dapat menggunakan Pingdom, misalnya, untuk memeriksa skrip eksternal mana yang paling lama dimuat dan, jika tidak perlu, Anda dapat menghilangkannya.

Jika Anda menyematkan video dan file multimedia lainnya dari situs web yang lambat, kecepatan situs web Anda dapat terpengaruh secara negatif. Untuk meningkatkan waktu pemuatan halaman Anda, pastikan Anda meminta file eksternal hanya dari situs web yang cepat dan andal. Anda mungkin juga ingin mempertimbangkan untuk membatasi jumlah permintaan eksternal yang dibuat oleh situs web Anda.

Perbaiki Tautan Rusak

Wifi

50% dari anggaran waktu muat 1 detik halaman Anda di ponsel diambil oleh latensi jaringan.

Tautan rusak dalam konten Anda tidak dapat memperlambat situs web Anda, tetapi mereka dapat sangat mempengaruhi pengalaman pengguna, jadi Anda harus memperhatikan semuanya. Namun, tautan rusak di CSS, JavaScript, dan URL gambar Anda dapat memengaruhi kecepatan situs web Anda secara negatif. Pindai tautan Anda secara teratur dan perbaiki tautan yang rusak segera setelah Anda melihatnya.

Tautan rusak paling sering ditemukan dalam file sumber gambar, yang terjadi ketika URL salah. Tautan ini dapat dengan mudah diabaikan, terutama ketika ukuran gambar tertentu didefinisikan sebagai sangat kecil. Ketika ada tautan yang rusak di gambar Anda, yaitu, ketika kesalahan 404 muncul, tautan yang rusak itu membuat respons yang terbuang dari permintaan HTTP, yang membuat situs web Anda lebih lambat. Peramban mencoba mengunduh gambar yang tidak tersedia, sehingga laman web Anda menghabiskan lebih banyak waktu mencoba mengunduh gambar, memperlambat situs web Anda.

telepon

99% masalah waktu respons masih disebabkan oleh UI yang terlalu lambat

Tautan rusak juga dapat ditemukan di tag tautan CSS di bagian atas dokumen HTML Anda. Seperti halnya file gambar, jika file CSS Anda tidak terhubung dengan Anda, permintaan HTTP akan menghasilkan respons yang tidak berguna dan akan kembali dengan kode 404. Sangat penting untuk secara teratur memeriksa tautan yang rusak jika Anda menggunakan banyak file CSS eksternal karena dapat dipindahkan dan menghasilkan kesalahan 404.

Jika ada tautan yang rusak di URL sumber JavaScript, situs web Anda juga dapat diperlambat seperti halnya dengan file sumber gambar dan tautan CSS. Tetapi browser juga dapat mencoba menafsirkan JavaScript dan menyebabkan tidak hanya peningkatan waktu pengunduhan, tetapi juga interaksi skrip yang buruk. Saat browser mencoba memuat 404 halaman alih-alih JavaScript, semua unduhan lainnya berhenti hingga pemuatan 404 halaman selesai. Inilah sebabnya mengapa Anda harus selalu meletakkan JavaScript di bagian bawah dokumen HTML Anda (tepat sebelum penutupan tag), yang sangat penting ketika ada tautan rusak yang terlibat.

Anda dapat memeriksa tautan yang rusak dengan Pemeriksa Tautan Rusak WordPress gratis.

speedometer

Menerapkan solusi optimasi front-end otomatis bersama CDN dapat membuat halaman hingga empat kali lebih cepat

Namun, terkadang tautan yang terputus tidak tertangkap oleh pemeriksa tautan yang rusak, jadi cara terbaik untuk memeriksanya adalah dengan melihat secara teratur log server Anda. Ada beberapa alat yang dapat Anda gunakan untuk memindai URL yang mendapatkan 404 kesalahan untuk melihat halaman mana yang menyebabkannya dan kemudian mengambil tindakan untuk memperbaikinya segera.

Nonaktifkan Hotlinking

Jika Anda tidak menonaktifkan hotlinking, Anda mengizinkan orang untuk menggunakan konten yang dihosting di server Anda untuk situs web mereka sendiri. Dengan memungkinkan mereka menggunakan server dan konten Anda secara praktis untuk situs web mereka, Anda akan mendapatkan banyak beban server tanpa alasan.

Inilah sebabnya mengapa Anda harus menonaktifkan hotlinking dan mencegah orang lain mencuri sumber daya server Anda. Namun, untuk melakukan itu, Anda perlu menambahkan kode yang diperlukan ke server Anda. Ada beberapa alat yang dapat membantu Anda menghasilkan kode yang tepat, tetapi penyedia hosting web Anda juga dapat membantu Anda dengan ini.

planet-planet

79% dari 400 situs e-commerce teratas di UE dan 75% dari 2.000 situs e-niaga teratas di AS tidak menggunakan CDN yang diakui

Hotlinking biasanya melibatkan gambar dan file multimedia lainnya, yang umumnya memakan banyak bandwidth. Karena itu, jika Anda menjalankan situs web dengan beberapa gambar tanpa gambar, menonaktifkan hotlinking sebenarnya tidak akan mempengaruhi kecepatan situs web Anda.

Berbicara tentang hotlinking, Anda seharusnya tidak hanya menonaktifkannya, tetapi Anda harus menghindarinya sama sekali. Alih-alih menautkan gambar di situs web seseorang, muat di server Anda sendiri. Anda mungkin berpikir bahwa tautan gambar akan menghemat banyak bandwidth, tetapi sebenarnya dapat memperlambat situs web Anda jika situs web dengan gambar yang Anda tautkan lambat dan tidak dapat diandalkan. Terlebih lagi, mereka mungkin mengalami downtime atau crash, jadi selalu muat setiap gambar di server Anda sendiri sebelum Anda menautkannya.

Gunakan CMS yang Andal

Komputer

Hanya 10% masa tunggu ditentukan oleh respons HTML terhadap permintaan browser, dan sisanya 90% dari keterlambatan ini disebabkan dalam rendering halaman, parsing HTML, mengeksekusi skrip kode dan mengambil aset yang disematkan

CMS (Sistem Manajemen Konten) sangat penting untuk fungsionalitas dan kinerja situs web Anda. CMS terbaik dan paling andal yang dapat Anda gunakan adalah WordPress, tetapi ada juga CMS luar biasa lainnya, seperti Drupal dan Joomla. Jika Anda menggunakan semua ini sebagai platform situs web Anda, Anda akan melakukan yang benar dengan kinerja situs Anda.

Namun, jika Anda menggunakan beberapa CMS lain yang kurang populer atau bahkan sesuatu yang Anda buat sendiri, Anda berisiko memiliki situs web yang sangat lambat. Untuk menghindari ini, pastikan Anda melakukan penelitian menyeluruh dan memilih CMS yang dapat diandalkan dan paling sesuai dengan kebutuhan Anda.

Yang juga penting dalam hal CMS Anda adalah memeriksa pembaruan terbaru secara rutin. Pastikan skrip situs web Anda terbarui karena versi baru terus bermunculan dengan tujuan meningkatkan situs web dan membuatnya lebih cepat. Karena itu, tingkatkan skrip situs web Anda secara teratur. Tetapi selalu pastikan Anda memiliki file cadangan Anda di tempat pertama.

arsip

Kompresi gambar harus menjadi tradeoff yang bijaksana antara ukuran dan kualitas gambar. Untuk JPG, kompresi 60-70 persen menghasilkan keseimbangan yang baik. Untuk layar retina, tambah ukuran gambar (JPG) 150-200 persen, kompres 30-40 persen dan turunkan lagi sesuai dimensi yang diperlukan.

Optimalkan Database Anda

Mengoptimalkan database Anda adalah cara lain yang sangat efektif untuk mempercepat situs web Anda. Ini adalah sesuatu yang harus Anda lakukan secara teratur, terutama jika Anda menggunakan WordPress atau CMS lain yang sangat bergantung pada penggunaan basis data.

Ketika Anda menggunakan CMS atau bahkan beberapa plugin kompleks, data dalam database Anda meningkat dan situs web Anda menjadi lebih lambat. Ini terutama berlaku untuk plugin yang menyimpan data pengguna, statistik, dan log, karena mereka dapat mengambil banyak penyimpanan data. Sebelum Anda menyadarinya, basis data Anda akan dipenuhi dengan trackback, pingback, posting revisi, item sampah dan komentar yang tidak disetujui, yang dapat membuat situs web Anda lebih lambat secara signifikan.

Karena itu, bersihkan basis data Anda secara teratur, tetapi selalu pastikan Anda membuat cadangan file Anda terlebih dahulu. Jangan pernah melakukan apa pun dengan basis data Anda sebelum mencadangkannya. Ada banyak plugin yang dapat membantu Anda mengoptimalkan database Anda, jadi lakukan riset dan temukan yang tepat untuk CMS yang Anda gunakan.

Jika Anda menggunakan WordPress, misalnya, Anda dapat mengotomatiskan pembersihan database Anda dengan plugin yang sangat berguna, seperti WP-Optimalkan.

Kesimpulan

Memiliki situs web yang cepat tidak pernah sepenting hari ini. Orang-orang berharap situs web secepat kilat dan, jika Anda gagal memenuhi harapan mereka, Anda akan berisiko kehilangan banyak lalu lintas situs web dan, pada akhirnya, pengikut setia Anda atau penghasilan Anda. Karena itu, pastikan Anda memberi pengunjung situs web pengalaman yang mulus dengan meningkatkan kecepatan situs web Anda dan menonjol dari kerumunan.

Tentu saja ada lebih banyak cara bagi Anda untuk meningkatkan kecepatan situs web Anda, tetapi yang disebutkan di atas adalah yang paling penting dan paling efektif. Mereka mungkin tampak seperti masalah kecil ketika ditangani secara terpisah tetapi, jika digabungkan, Anda dapat yakin mereka membuat perbedaan besar dan mempercepat situs web Anda secara signifikan.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map