Cara Mempercepat Website Anda Untuk Peringkat Pencarian Lebih Baik

Artikel ditulis oleh:
  • Search Engine Optimization
  • Diperbarui: 24 April 2018

* Catatan: Posting ini pertama kali diterbitkan pada bulan Maret 2013. Beberapa alat yang saya sebutkan di sini mungkin ketinggalan jaman.

Bukan rahasia bahwa Google sekarang menggunakan kecepatan situs sebagai salah satu faktor peringkat. Blog Pusat Web Master Google membuat pengumuman resmi tentang ini beberapa tahun yang lalu:

Anda mungkin pernah mendengar bahwa di sini di Google kita terobsesi dengan kecepatan, dalam produk kami dan di web. Sebagai bagian dari upaya itu, hari ini kami memasukkan sinyal baru dalam algoritma peringkat pencarian kami: kecepatan situs. Kecepatan situs mencerminkan seberapa cepat situs web menanggapi permintaan web ...

Dan, Matt Cutts telah berulang kali menyebutkan tentang pentingnya optimasi kecepatan situs web dalam bukunya video & blog.

Saat mencari dan membaca lebih banyak tentang topik ini, saya menemukan beberapa studi kasus yang mengonfirmasi hal ini - Dalam satu artikel di Search Engine Watch, Work Coach Cafe mendapatkan trafik organik 40% ekstra setelah membersihkan kode dan tautan yang rusak; yang lain studi kasus, CEO SmartFurniture.com menegaskan bahwa situs tersebut membuat lead kuantum dalam peringkat mesin pencari hanya dengan meningkatkan kinerja situsnya.

Waktu Muat Laman Lebih Cepat Juga Sama Dengan Konversi Lebih Baik

Tapi tunggu, ada lebih banyak alasan mengapa Anda harus meluangkan waktu untuk mempercepat situs web Anda.

Dalam satu studi pada pengguna situs perjalanan, saya mengetahui bahwa 57% pengguna situs web hanya akan menunggu selama tiga detik atau kurang sebelum meninggalkan situs.

The Olymp Platform trade dapatdiakses dalam tiga cara. Pertama, ada versi web yang dapat Anda aksesmelalui website utama mereka. Kedua, ada aplikasi desktop baik untukWindows maupun macOS. Aplikasi ini memiliki fitur tambahan, Anda akan menemukannya padaversi Terakhir, Olymp Trade juga dapat diakses melalui aplikasi mobile baik untukiOS dan Smartphone Android. penelitian populer di Tagman, ini menunjukkan bahwa peningkatan satu detik dalam waktu buka halaman dapat menyebabkan hampir 7% kerugian dalam konversi pelanggan.

Dalam studi kasus lain di Cloud Living, keterlibatan pengunjung situs ditingkatkan oleh 19% (durasi sesi rata-rata, lihat gambar) setelah pengoptimalan kecepatan situs.

Situs lebih cepat = Lebih banyak kunjungan halaman per sesi dan durasi sesi yang lebih lama. Sumber: Tung Tran, CloudLiving.com.

Singkatnya, waktu buka halaman tidak hanya memengaruhi peringkat pencarian, tetapi juga sangat memengaruhi tingkat konversi dan jangkauan pengunjung. Untuk statistik yang lebih mirip, pastikan Anda mengunjungi Mashable untuk ini infografis yang indah.

Cara Mudah Untuk Meningkatkan Kecepatan Situs Web Anda

Ketika saya pertama kali mengetahui tentang semua dua tahun yang lalu ini, saya seperti “Wow, ada begitu banyak manfaat dalam hal ini!”. Apa yang datang berikutnya pasti pertanyaan 'bagaimana'. Bagaimana cara mempercepat situs web kami? Bagaimana kami mengukur kecepatan situs web kami dan membandingkannya dengan yang lain? Bagaimana kita menyelesaikan pekerjaan tanpa terlalu banyak detail teknis?

Ian Lurie menulis 29 Cara Untuk Mempercepat Situs Web Anda kembali pada bulan Maret 2011 dan itu adalah permata sejati. Jika Anda serius dalam menyesuaikan kecepatan situs web Anda, Anda harus mengikuti setiap kiat yang dibagikan dalam artikel.

Namun banyak dari solusi ini mungkin berada di luar keterampilan teknis pemilik situs web dan blogger sehari-hari.

Jadi saya pikir saya akan kembali pada topik ini dan mencari cara sederhana sehingga pengguna non-techie dapat menerapkan tanpa menuangkan terlalu banyak waktu dan energi.

1. Langsingkan Situs Anda

Sering kali ketika waktu buka halaman lambat, itu berarti halaman tersebut kelebihan berat.

Solusinya mudah: Lakukan diet!

Periksa dengan seksama di situs web Anda dan tanyakan pada diri Anda pertanyaan-pertanyaan ini:

  • Apakah Anda menyimpan terlalu banyak CSS yang tidak terpakai di server? Hapus mereka!
  • Apakah gambar Anda terlalu besar? Optimalkan mereka dengan Photoshop, Fireworks, atau Smush It jika Anda tidak memiliki perangkat lunak grafis yang terinstal di PC Anda.
  • Apakah Anda memiliki header HTTP yang berlebihan? Hapus mereka!
  • Apakah Anda menyimpan terlalu banyak komentar spam? Komentar yang tidak dihapus di kotak spam Anda akan memperlambat waktu respons database Anda. Hapus mereka secepatnya!
  • Apakah Anda menggunakan terlalu banyak plugin pada CMS Anda? Apakah Anda menggunakan plugin dan skrip lama di situs Anda? Baiklah, inilah saatnya untuk melakukan pekerjaan bersih-bersih dan memperbarui.
  • Apakah JavaScript Anda terlalu berat? Perkecil dan kompres!

Meskipun kiat ini tampaknya cukup sederhana, saya tidak akan terkejut melihat webmaster atau perancang web yang berpengalaman gagal mengikutinya.

Beberapa tahun yang lalu saya ceroboh dan saya tidak tahu bahwa tema WordPress yang saya gunakan memiliki <? Php wp_get_archives ('type = monthly'); ?> tertanam dalam file header.php.

Tak perlu dikatakan, fungsi tersebut menghasilkan lusinan baris yang tidak perlu dalam file HTML seiring berjalannya waktu. Ini adalah kesalahan konyol yang dapat diperbaiki dalam hitungan detik, tetapi kemudian saya membutuhkan waktu lebih dari 2 tahun untuk menyadarinya karena saya tidak melihat kode sumber saya sendiri.

2. Hindari 300, 400, dan 500 yang Tidak Diperlukan

HTTP 300 mengacu pada pengalihan server, HTTP 400 mengacu pada masalah autentikasi, dan HTTP 500 merujuk ke kesalahan server - semua hasil ini untuk permintaan HTTP menyebabkan perjalanan tambahan yang tidak perlu * untuk browser. Sementara 300 HTTP tertentu tidak dapat dihindari (seperti 301 redirection ke lokasi halaman baru), Anda harus melihat setiap kesalahan HTTP 400 dan 500 dan mencoba untuk memperbaikinya setiap kesalahan.

* Apa itu Waktu Perjalanan Bundar Pokoknya?

Secara umum, halaman web menimbang ukuran kira-kira 1,100KB dan terdiri dari sekitar objek 100 (sumber); browser web hanya dapat meminta objek 2 - 6 pada satu waktu tergantung pada konfigurasi pengguna. Round Trip Times adalah jumlah perjalanan pulang pergi yang diperlukan browser untuk membuka halaman sepenuhnya. Misalnya, Untuk memuat laman web dengan objek 100, peramban yang dikonfigurasi untuk membawa permintaan 5 pada satu waktu akan membutuhkan perjalanan 20 untuk memuat laman web. Karena waktu perjalanan yang lebih singkat, semakin cepat halaman web dimuat; kita harus meminimalkan jumlah objek yang tersedia di satu halaman.

3. Gunakan Sprite CSS

Sprite CSS mengacu pada teknik di mana banyak gambar digabungkan menjadi satu file gambar dan ditampilkan sebagian kepada pengguna pada suatu waktu. Menggunakan CSS Sprite mengurangi jumlah perjalanan pulang-pergi browser dan karenanya membuat halaman web memuat lebih cepat.

Sekarang tunggu, saya tahu ini mungkin kelihatannya terlalu berlebihan bagi sebagian dari Anda yang tidak suka membasahi CSS tetapi percayalah pada saya, konsepnya jauh lebih sederhana daripada kedengarannya. Dan, yang paling penting, ada alat gratis online yang dapat menyelesaikan berbagai hal tanpa menyentuh kode CSS. Periksa Sprite Me & Sprite Pad - Hal-hal dapat dilakukan hanya dengan beberapa drag-and-drop dan klik.

Sprite Pad

Sprite Pad

Sprite Me

Sprite Me

Juga, untuk bacaan dan contoh lebih lanjut dari CSS Sprite, kunjungi ini & ini tutorial.

4. Hindari Menggunakan CSS @import

CSS @import berfungsi membantu memuat stylesheet eksternal ke halaman web Anda. Hal buruk tentang ini adalah bahwa itu hanya menambah waktu peretasan round browser tambahan dan meningkatkan waktu buka halaman web Anda. Untuk mengatasi ini, cukup gunakan tag <link> sebagai gantinya.

Jika Anda adalah blogger biasa dan tidak tahu apa yang saya bicarakan, lihat saja di header.php Anda (jika Anda menggunakan WordPress), ctrl + F dan cari '@import', pindahkan file .css ke server yang sama jika perlu, ganti @import dengan <link> sebagai gantinya.

Contoh, ganti

@import url ("../ style1.css"); @import url ("../ style2.css")

untuk

<link rel = "stylesheet" href = "style1.css"> <tautan rel = "stylesheet" href = "style2.css">

5. Perbarui CMS Anda

Nah ini adalah no-brainer, kan? Pembaruan dimaksudkan untuk meningkatkan kinerja dan keamanan dan setidaknya yang dapat Anda lakukan untuk pengunjung Anda adalah menjaga mereka di platform CMS yang diperbarui.

6. Cache All You Can Cache

Hari-hari ini dalam banyak kasus saya bergantung pada plugin pihak ketiga untuk caching. Untuk satu, saya terlalu malas untuk melihatnya; kedua, ada pro yang bisa melakukan hal-hal jauh lebih baik dari saya, mengapa membuang-buang tenaga saya dalam hal ini? Jika Anda menggunakan WordPress, coba WP Super Cache - ini adalah salah satu cache paling populer Plugin WP pada saat penulisan ini. Jika Anda Joomla, periksa Cache Cleaner.

Singkatnya, plugin ini membantu menyimpan versi terbaru halaman web Anda dan mengurangi kebutuhan menghasilkan konten dinamis selama kunjungan berulang.

Ada banyak detail teknis untuk masalah ini, silakan baca lebih lanjut di di sini & di sini.

7. Dapatkan Di Jaringan Pengiriman Konten (CDN)

CDN menyimpan file statis Anda di seluruh server di seluruh dunia dan menyajikan halaman web Anda dari server yang berbeda berdasarkan lokasi pengguna. Contoh, ketika pengguna dari Malaysia mengakses situs web Anda, CDN akan mengirimkan konten web Anda (terutama file statis seperti gambar dan file HTML) dari server yang berlokasi di Asia, katakanlah Singapura; di sisi lain jika pengguna berada di Meksiko, jaringan akan memilih untuk mengirimkan konten dari lokasi server yang lebih dekat, katakan Amerika Serikat.

Ada berbagai merek CDN tersedia di luar sana tetapi secara umum CDN dapat dikelompokkan menjadi dua kategori - Tarik CDN dan Dorong CDN. Untuk lebih jelasnya, saya sarankan Anda melihat pada beberapa layanan CDN terkemuka seperti MaxCDN & CloudFlare.

8. Pertimbangkan A Better Web Host

Jika Anda serius tentang tweaker situs Anda lebih cepat, pertimbangkan memilih hosting yang lebih baik.

Kira-kira satu tahun yang lalu saya beralih salah satu situs web saya dari akun shared hosting di Hostgator ke WP Mesin (hosting berbasis cloud). Segala sesuatunya berubah secara dramatis sejak saya pindah, kecepatan pemuatan halaman rata-rata terpangkas dari lebih dari 900ms ke 500ms - hampir 100% peningkatan (lihat bagan di bawah).

Kecepatan Pemuatan Halaman WHSR

Hal yang dipelajari: Terkadang Anda tidak bisa bergantung pada barang murah. Jika Anda membayar kurang dari $ 5 per bulan, jangan berharap untuk mendapatkan di atas permainan kecepatan ini. Jika Anda ingin situs web Anda memuat pencahayaan dengan cepat, mungkin cara termudah melakukannya adalah menggeser situs web Anda ke host web yang lebih baik.

9. Optimalkan Database Anda

Jika Anda berada di MySQL, hal-hal dapat dilakukan dengan mudah di phpMyAdmin. Dan jika Anda berada di WordPress, hal-hal dapat dilakukan lebih mudah dengan plugin yang tepat. WP Optimize, misalnya, memungkinkan Anda untuk membersihkan database Anda hanya dalam beberapa klik.

10. Tempatkan Naskah Anda di Footer Setiap Saat Ada Kemungkinan

Satu cara mudah untuk meningkatkan waktu buka halaman Anda dalam pandangan pengunjung adalah dengan menempatkan kode dan skrip (misalnya, Google Analytics) di footer kapan pun dimungkinkan. Meskipun saya percaya itu hampir tidak membantu dalam hal SEO, hal itu akan membuat pemirsa situs web Anda merasa bahwa halaman sedang dimuat dengan lebih cepat - karena ini memungkinkan konten penting untuk memuat sebelum browser menjalankan skrip.

Lebih Banyak Tips Mempercepat Situs Web Anda

Di sana, Anda sekarang memiliki tips cepat 10 saya tentang cara meningkatkan kecepatan situs web.

Saya yakin ada banyak metode lain untuk menyelesaikan pekerjaan, mengapa tidak memberi tahu kami milik Anda - Apa kiat #1 untuk non-teknisi untuk mempercepat situs web mereka?

Artikel oleh Jerry Low

Ayah, Geek, pecandu data SEO, investor, dan pendiri Web Hosting Secret Revealed. Jerry telah membangun aset internet dan menghasilkan uang secara online sejak 2004. Dia suka mencoret-coret dan mencoba makanan baru.