Speed ​​​​Kills: Cara Mengaudit dan Meningkatkan Kecepatan dan Performa Situs Web Anda

Jadi, Anda telah melakukan semua SEO & pengoptimalan konversi ini di situs WordPress Anda.

Anda mendapatkan backlink, konten Anda bagus, halaman Anda dioptimalkan, Anda menarik ulasan, Anda memiliki CTA yang menarik, dan Anda memiliki banyak daftar bisnis yang akurat. Situs web Anda cantik. Sebuah karya seni, sungguh!

...tapi jarumnya tidak bergerak. Mengapa? Penjelasannya mungkin lebih mudah dari yang Anda pikirkan. Situs Anda mungkin lambat.

Kecepatan situs yang buruk sebenarnya sangat umum. Bahkan tim di sini di Vendasta pernah mengalami masalah ini secara langsung. Kami telah berjuang melawan masalah kecepatan situs kami untuk beberapa waktu sekarang, dan kami telah membuat kemajuan... tetapi saya akan membahasnya nanti.

Saya melihat masalah ini sepanjang waktu di kalangan pemasar dan agen pemasaran. Kamilah yang seharusnya "mengerti", dan menjadi pengadopsi awal praktik terbaik seperti pengoptimalan kecepatan halaman situs web. Namun, Alat Wawasan PageSpeed ​​Google mengatakan sebaliknya tentang banyak situs web kami yang cantik, dioptimalkan untuk SEO, dan sarat konten.

Kita semua perlu berbuat lebih baik.

Itulah mengapa Anda membaca ini sekarang, jadi mari kita mulai!

Daftar isi

Apa itu Kecepatan Halaman?

Cara Menentukan Kecepatan dan Skor Halaman Anda

Mengapa Kecepatan Halaman Penting?

1. Kecepatan Membunuh UX

2. Kecepatan Membunuh SEO

3. Kecepatan Membunuh Konversi

Bagaimana Anda Dapat Membuat Situs Web Anda Memuat Lebih Cepat? 8 Taktik

4 Studi Kasus Kecepatan Situs

Bagaimana melakukan Audit dan Optimasi Kecepatan Situs Anda

1. Dapatkan Hasil Baseline untuk Bagan

2. Bekerja Melalui 8 Langkah

3. Tarik Bantuan Saat Dibutuhkan

4. Tetap Berkomitmen pada Kecepatan Situs Ke Depan

Cara Memanfaatkan Kecepatan Situs untuk Meningkatkan Penjualan

Apa itu Kecepatan Halaman?

Kecepatan halaman adalah jumlah waktu yang diperlukan agar konten di halaman situs web dimuat sepenuhnya. Di dunia di mana orang mengharapkan hasil instan, lebih cepat lebih baik.

Faktanya, hampir setengah dari pengguna web mengharapkan situs dimuat dalam 2 detik atau kurang, dan mereka cenderung meninggalkan situs yang tidak dimuat dalam 3 detik, menurut survei yang dilakukan oleh Akamai dan Gomez.com.

Bacaan Terkait: 58 Statistik Seram untuk Situs Web

Jadi 3 detik adalah kecepatan minimum yang dapat ditoleransi pengunjung rata-rata. Apakah situs web tipikal sesuai dengan tugas? Pingdom menggunakan klien mereka sendiri sebagai sumber data dan menemukan bahwa bagi mereka, jawabannya adalah TIDAK.

Di antara klien Pingdom, waktu muat rata-rata untuk halaman web 3Mb adalah 5 detik. Terlalu lambat.

Standar yang banyak digunakan untuk waktu muat halaman berasal dari studi yang dilakukan oleh Geoff Kenyon di mana dia membandingkan kecepatan situs web dengan web lainnya:

• jika situs Anda memuat dalam 5 detik, itu lebih cepat dari sekitar 25% web
• jika situs Anda memuat dalam 2,9 detik, itu lebih cepat dari sekitar 50% web
• jika situs Anda memuat dalam 1,7 detik, itu lebih cepat dari sekitar 75% web
• jika situs Anda memuat dalam 0,8 detik, itu lebih cepat dari sekitar 94% web

Jadi bagaimana Anda bisa menentukan bagaimana situs web Anda menumpuk?

Cara Menentukan Kecepatan dan Skor Halaman Anda

Berikut adalah cara mengukur bagaimana situs web Anda dibandingkan dengan ekspektasi pengguna saat ini yang telah kita bahas di atas:

1. Masuk ke laporan Kecepatan Situs Google Analytics situs web Anda. Ini akan memberi Anda gambaran tentang kinerja situs Anda selama periode waktu yang berbeda, dan kecepatan memuat setiap halaman Anda.
2. Masukkan URL situs Anda ke Alat Wawasan PageSpeed ​​Google. Ini akan memberi Anda kartu laporan tentang kinerja kecepatan situs web Anda di perangkat seluler dan desktop. Laporan tersebut dilengkapi dengan beberapa tindakan yang disarankan yang dapat Anda lakukan untuk meningkatkan kecepatan situs Anda.
3. Periksa tes kecepatan situs web Pingdom untuk mengetahui kecepatan, peringkat, dan persen lebih cepat dari rata-rata situs web yang diuji Pingdom
4. GTMetrix akan memberikan gambaran menyeluruh tentang status pengoptimalan kecepatan situs Anda.

Catatan: Jangan bingung saat Anda melihat waktu kecepatan yang berbeda di Pingdom dan Gtmetrix. Karena Pingdom akan menunjukkan kepada Anda waktu muat (Waktu yang diperlukan untuk menampilkan hasil pertama situs web Anda - itulah yang dihitung oleh Google dan Anda juga harus melakukannya) dan GTmetrix akan menunjukkan kepada Anda waktu muat penuh (Waktu yang diperlukan untuk menampilkan halaman penuh dengan penuh fungsionalitas berjalan). Untuk pemahaman lebih lanjut, selalu baik untuk melihat air terjun kecepatan dari kedua alat tersebut.

Sebagai bagian dari audit kecepatan situs Anda (saya akan membahas lebih detail di bawah), Anda akan menggunakan alat ini untuk melacak kemajuan pengoptimalan Anda.

Bacaan Terkait: Cara Mempercepat Situs Seluler WordPress Anda

Mengapa Kecepatan Halaman Penting?

Menjembatani kesenjangan antara ekspektasi pengguna (2 detik) dan waktu muat situs web rata-rata (5 detik) adalah tujuan pengoptimalan kecepatan halaman dan taktik yang akan kami uraikan nanti. Tetapi mengapa kecepatan halaman itu penting? Itu datang ke 3 alasan utama yang saling berhubungan:

1. Kecepatan Membunuh UX

Pengalaman pengguna mungkin adalah alasan terpenting mengapa Anda harus memperhatikan kecepatan situs web, jadi kita akan mulai dari sini.

Orang-orang tidak lagi memiliki kesabaran untuk memuat situs web yang lambat. Pada awalnya, untuk terhubung ke internet saja membutuhkan toleransi yang sudah tidak ada lagi.

Apakah Anda cukup tua untuk mengingat suara manis ini?

Saat ini, orang-orang selalu online dan Anda memiliki waktu maksimal 3 detik untuk menampilkan halaman Anda atau mereka akan pergi. Lebih dari 3 detik menciptakan pengalaman pengguna yang buruk dan bilah hanya akan menjadi lebih tinggi di masa mendatang.

Dalam ceramahnya tentang "10 Prinsip Emas Aplikasi Web yang Berhasil", pengusaha dan blogger Fred Wilson mencatat bahwa,

“Kecepatan adalah fitur yang paling penting. Jika aplikasi Anda lambat, orang tidak akan menggunakannya. Saya melihat ini lebih banyak dengan pengguna umum daripada dengan pengguna yang mahir. Menurut saya, pengguna yang mahir terkadang memiliki sedikit simpati terhadap tantangan dalam membuat aplikasi web yang sangat cepat, dan mungkin mereka bersedia menerimanya, tetapi ketika saya melihat istri dan anak saya, mereka adalah pandangan umum saya tentang Dunia. Jika ada sesuatu yang lambat, mereka hilang begitu saja.

Cara termudah untuk memikirkan hal ini adalah bagaimana Anda menavigasi situs web dan apa harapan Anda untuk sebagian besar situs. Apakah Anda duduk di sana dan mentolerir waktu muat yang lambat? Apa kesan Anda tentang situs web yang membutuhkan waktu lama untuk dimuat?

Bacaan Terkait: Panduan 10 Langkah Ramah-Noob Untuk Membuat Situs Web Bisnis Kecil

2. Kecepatan Membunuh SEO

Pengalaman pengguna sebenarnya adalah kekuatan pendorong di balik implikasi SEO dari kecepatan situs.

Edwin Toonen dari Yoast menjelaskan,

“Penelitian terbaru Google menunjukkan bahwa kemungkinan pantulan meningkat 32% saat waktu muat halaman berubah dari 1 detik menjadi 3 detik. 1 detik hingga 5 detik meningkatkan peluang hingga 90% dan jika situs Anda membutuhkan waktu hingga 10 detik untuk dimuat, peluang terpental meningkat menjadi 123%. Itu luar biasa. Untuk mesin telusur, hasil dan kinerja yang lebih baik adalah tanda situs sehat yang menyenangkan pelanggan dan karenanya harus dihargai dengan peringkat yang lebih tinggi.”

Meskipun Google lamban dalam mengungkapkan secara resmi apakah situs web yang lambat akan menerima penurunan peringkat, tampaknya hari-hari itu akan tiba. Anda perlu memastikan situs web Anda dan situs web yang Anda kelola sudah siap.

3. Kecepatan Membunuh Konversi

Efek kecepatan situs Anda pada konversi adalah hal yang harus benar-benar menarik perhatian Anda. Bagaimana Anda bisa menggerakkan orang melalui corong Anda jika setiap langkah memakan waktu lama? Penggemar super Anda akan melakukannya, tetapi orang-orang baru yang ragu-ragu yang rentan terhadap penyesalan pembeli akan terpental.

Misalnya, SOASTA baru-baru ini melakukan studi pada salah satu pelanggan mPulse mereka, pengecer online terkemuka yang menikmati jumlah lalu lintas seluler yang signifikan (4,5 juta sesi).

Inilah temuan utama mereka:

1. Dalam hal konversi, sweet spot performa adalah 2,4 detik
2. Laman yang hanya satu detik lebih cepat mengalami peningkatan rasio konversi sebesar 27%.
3. Pada 4,2 detik, tingkat konversi rata-rata turun di bawah 1%
4. Pada tanda 6 detik, rasio konversi seluler mulai stabil

Sumber Gambar: SOASTA

Implikasinya cukup jelas. Waktu muat halaman yang lambat merugikan tingkat konversi. Jadi penalaran deduktif ala Sherlock akan menunjukkan bahwa berfokus pada peningkatan kecepatan situs seharusnya meningkatkan tingkat konversi!

Mari kita lihat apakah kita bisa mewujudkannya.

Bagaimana Anda Dapat Membuat Situs Web Anda Memuat Lebih Cepat? 8 Taktik

Mempercepat situs Anda belum tentu mudah. Jika Anda memiliki situs kecil dan ringan, Anda mungkin hanya perlu mencoba beberapa taktik di daftar ini.

Namun, situs besar dan lama dengan banyak kode dan konten mungkin memerlukan ketekunan dan penerapan beberapa taktik dalam daftar berikut.

Di sinilah untuk memulai:

1. Manfaatkan cache browser:

Saat Anda mengunjungi situs, browser Anda sering meng-cache halaman di situs untuk mempercepat waktu muat.

Caching browser menyimpan file sumber daya halaman web di komputer lokal saat pengguna mengunjungi halaman web, jadi memanfaatkan caching browser adalah saat Anda menginstruksikan browser bagaimana sumber daya mereka harus ditangani.

Hal-hal dapat melambat ketika respons dari server Anda tidak menyertakan header caching atau jika sumber daya ditentukan untuk di-cache hanya dalam waktu singkat.

Memanfaatkan caching akan memuat halaman Anda lebih cepat untuk pengunjung berulang dan begitu juga halaman lain yang berbagi sumber daya yang sama.

Catatan: Ahli Strategi Konten SEO Maddy Osman mencatat bahwa “W3 Total Cache sangat bagus untuk ini tetapi dilarang dari host tertentu (seperti GoDaddy). Dibutuhkan tangan ahli untuk mengonfigurasi sehingga Anda tidak merusak situs web Anda.

Inilah cara melakukannya

2. Optimalkan gambar:

Jika gambar dimuat lebih cepat, situs Anda memuat lebih cepat, titik. Google mencatat bahwa “... gambar sering kali mencakup sebagian besar byte yang diunduh pada suatu halaman. Akibatnya, pengoptimalan gambar seringkali dapat menghasilkan penghematan byte terbesar dan peningkatan kinerja.”

Ini berarti Anda bisa mendapatkan beberapa peningkatan besar saat gambar di halaman Anda dapat dioptimalkan untuk mengurangi ukuran file tanpa memengaruhi kualitas visualnya secara signifikan.

Inilah cara melakukannya

3. Perkecil HTML, CSS & JavaScript:

Meminimalkan menghapus karakter yang tidak perlu yang tidak diperlukan untuk mengeksekusi kode.

Sumber data redundan yang dapat Anda hapus mencakup komentar dan pemformatan kode, menghapus kode yang tidak digunakan, menggunakan nama variabel dan fungsi yang lebih pendek, dan banyak lagi.

Inilah cara melakukannya

4. Aktifkan kompresi gzip:

Kompresi gzip secara drastis mengurangi ukuran file yang dikirim dari server Anda saat seseorang mengunjungi situs web Anda. Ini akan mempercepat banyak hal.

Menurut GTMetrix,

“Alasan gzip bekerja dengan sangat baik di lingkungan web adalah karena file CSS dan file HTML menggunakan banyak teks berulang dan memiliki banyak spasi kosong. Karena gzip mengompresi string umum, ini dapat mengurangi ukuran halaman dan style sheet hingga 70%!”

Inilah cara melakukannya

5. Kurangi waktu respons server:

Waktu respons server adalah jumlah waktu yang diperlukan server web untuk merespons permintaan dari browser. Ini adalah masalah utama yang harus diatasi, karena jika waktu respons server Anda lambat, halaman Anda akan ditampilkan dengan lambat, tidak peduli seberapa optimal kecepatan halaman Anda.

Google mengatakan Anda harus mengurangi waktu respons server Anda di bawah 200ms. Jadi bagaimana Anda membuat ini terjadi?

Inilah cara melakukannya

6. Hindari pengalihan halaman arahan:

Situs Anda dapat benar-benar melambat ketika Anda memiliki lebih dari satu pengalihan dari URL yang diberikan ke halaman arahan akhir. Ini memicu loop pengalihan yang membutuhkan waktu untuk diproses.

Berikut adalah beberapa contoh pengalihan yang dapat memperlambat segalanya:

example.com → m.example.com/home - penalti multi-pulang pergi untuk pengguna seluler.
example.com → www.example.com → m.example.com - pengalaman seluler yang sangat lambat.

Inilah cara melakukannya

7. Prioritaskan konten yang terlihat:

Ini adalah pesan persis yang akan Anda dapatkan dari alat PageSpeed ​​Google saat diperlukan perjalanan bolak-balik jaringan tambahan untuk merender konten paro atas halaman.

Konten “paro atas” ini adalah apa yang Anda lihat di desktop atau perangkat saat mengunjungi halaman. Jadi memprioritaskan konten yang terlihat adalah rekomendasi bahwa Anda memprioritaskan hal-hal sehingga elemen penting pada halaman Anda dimuat terlebih dahulu (dan cepat) untuk pengguna dan Anda menunda elemen halaman sekunder seperti plugin berbagi sosial, javascript analitik, dll.

Inilah cara melakukannya

8. Hilangkan JavaScript dan CSS yang memblokir perenderan di konten paro atas:

Sumber daya JavaScript dan CSS sering kali mencegah laman Anda ditampilkan hingga dimuat sepenuhnya. Ini sering kali merupakan ide yang bagus, karena tampilan dini konten paro atas Anda dapat terlihat sangat aneh.

Namun, ini adalah pesan umum yang akan Anda dapatkan dari Google tentang kecepatan situs, dan mengatasinya benar-benar dapat mempercepat halaman Anda beberapa tingkat.

Inilah cara melakukannya

Catatan: Ini adalah hal tersulit untuk diperbaiki bagi kebanyakan orang. Ada plugin wordpress yang melakukannya tetapi mereka dapat membuat situs Anda terlihat seperti Frankenstein di setiap pemuatan.

Studi Kasus: Mempercepat Blog Vendasta

Jadi saya menulis posting ini tentang kecepatan situs, meskipun Vendasta duduk di 44/100 untuk kecepatan seluler (pembaruan: kami berada di 77/100 tiga bulan kemudian!) Dan 60/100 untuk kecepatan desktop.

Percayalah, saya sadar bahwa mungkin ada pertanyaan tentang kredibilitas jalanan di sini. Namun, ada lebih banyak kisah kami daripada yang akan diceritakan oleh alat wawasan Google kepada Anda.

Di Vendasta, kami telah melakukan banyak pekerjaan pada kecepatan situs kami, tetapi kami jelas masih belum berada di tempat yang kami inginkan. Kami sebenarnya telah melakukan banyak peningkatan, tetapi kami memiliki situs besar dengan banyak konten, jadi kami belum mencapai sasaran 80/100 untuk seluler dan desktop.

Namun, kami bukan satu-satunya yang berjuang dengan kecepatan situs! Banyak situs web terkenal berbagi tantangan yang sama dengan kami. Faktanya, bahkan HubSpot juga memiliki pekerjaan yang harus dilakukan untuk meningkatkan kinerja situs mereka menurut alat PageSpeed ​​Insights Google:

Ini bukan seruan "tembakan" dari HubSpot (hormat!), Saya hanya menggunakannya sebagai contoh untuk mengilustrasikan bahwa meningkatkan kecepatan situs bisa menjadi tantangan, bahkan untuk profesional, dan kita semua perlu meningkatkannya memenuhi tuntutan generasi berikutnya dari pengguna internet. Jalankan beberapa situs favorit Anda melalui alat ini dan Anda akan mengerti maksud saya!

Seperti yang saya sebutkan di atas, setiap peningkatan yang kami lakukan untuk mempercepat dapat memberikan hasil yang eksponensial.

Teknolog Pemasaran Vendasta Adam Bissonnette mencatat,

"Perubahan besar bagi kami adalah hal-hal sisi server - kami berada dalam posisi unik menjalankan situs web wordpress kami di AppEngine (tidak ada yang melakukan ini) dan peningkatan kinerja yang besar beralih dari AppEngine Standard ke AppEngine Flex yang masih dalam versi Beta. Kami juga mengubah versi php kami dari 5 ke 7 yang juga sangat membantu. Memperbarui php membawa masalah tersendiri di mana plugin tertentu tidak lagi berfungsi dan kami harus menghadapi kejatuhan itu selama satu atau dua bulan tetapi kecepatannya lebih berharga daripada fungsionalitas yang hilang ."

Apa yang dapat Anda ambil dari ini adalah menemukan solusi terbaik untuk situasi spesifik Anda adalah kuncinya. Anda mungkin menemukan taktik yang menggerakkan jarum untuk situs Anda yang bahkan belum kami sebutkan di sini!

Lihatlah pertumbuhan blog kami setelah inisiasi upaya kecepatan situs kami pada Mei 2016:

Peningkatan ini mengatur panggung untuk semua inisiatif konten Vendasta berikutnya. Sejak saat itu, kami berfokus untuk memproduksi konten mendalam dan berkualitas dalam jumlah besar. Tanpa peningkatan kecepatan situs kami yang bertepatan, Anda tidak mungkin melihat lonjakan lalu lintas yang ditampilkan tangkapan layar analitik.

Performa hanya akan meningkat jika kami terus mengoptimalkan kecepatan situs dan meningkatkan pengalaman pengguna kami!

Takeaway Utama: Anda tidak perlu skor 100/100 untuk mengalami pertumbuhan di situs web Anda.

Jika Anda berada di 40/100, lakukan beberapa peningkatan jika waktu memungkinkan dan bidik 60/100. Jangan langsung kehabisan tenaga untuk menembak 100/100!

Studi Kasus: iHeartRaves

iHeartRaves adalah pemimpin dunia dalam mode festival yang memiliki misi untuk menginspirasi kreativitas individu dan memberdayakan ekspresi diri. Menggabungkan dua merek saudara mereka yang lain, toko Shopify mereka meraup $20 juta per tahun dan mereka telah tampil di Inc. 5000 empat tahun berturut-turut.

Sebagai situs eCommerce, iHeartRaves sangat menyadari konsekuensi finansial dari kecepatan dan kinerja situs web yang buruk.

Brandon Chopp, Pakar Strategi Pemasaran Digital untuk iHeartRaves memberi tahu saya,

“Sebagai merek e-niaga, kami menyadari bahwa kecepatan situs sangat besar! Saat memikirkan konversi, saya memikirkan cara terbaik untuk membuat pengguna mengeklik sesuatu melalui ajakan bertindak. Faktanya adalah bahwa situs web yang lebih cepat akan selalu menang. Semakin cepat situs Anda, semakin besar kemungkinan pengguna akan berkonversi.”

Brandon tahu dia harus meningkatkan kecepatan situs untuk membantu bisnis mencapai sasaran pertumbuhan pendapatan mereka. Dia menangani peningkatan kecepatan iHeartRaves menggunakan taktik berikut:

1. Optimalkan Gambar: Untuk memastikan situs seluler kami dimuat dengan cepat, kami menggunakan aplikasi Shopify bernama Crush.pics. Ini memastikan bahwa semua gambar kami dioptimalkan untuk kecepatan situs sambil tetap mempertahankan kualitas gambar.
2. Perkecil Kode: Kami juga mengambil langkah-langkah untuk memperkecil semua kode cair kami dan memprioritaskan urutan pemuatan skrip sambil memangkas jumlah total skrip yang dipanggil.
3. Bersihkan Aset Di Halaman: Menghapus aset yang tidak perlu di beberapa halaman sambil mengurangi aset gambar di halaman lain juga membantu mengurangi waktu muat situs. Kami mencoba menyeimbangkan antara kecepatan dan konten, karena kami adalah situs e-niaga. Sangat penting bagi kami untuk memastikan kualitas gambar kami memenuhi standar kami sambil mempertahankan pengalaman pengguna yang luar biasa bagi pelanggan kami.

Hasil kecepatan memuat halaman dan rasio pentalan benar-benar meningkat dengan pembaruan ini: “Sejak melakukan perubahan, kecepatan situs kami menurun dari 10,25 menjadi 6,86 detik dari tahun ke tahun (penurunan 65%), dan rasio pentalan kami menurun sebesar 6%,” Brandon menjelaskan . “Awalnya 40,34% dan sekarang turun menjadi 34%.”

Perbaikan ini juga diterjemahkan ke dalam hasil keuangan yang nyata untuk iHeartRaves. “Kami mendapat keuntungan di Google karena memiliki situs seluler yang cepat karena tingkat konversi kami telah meningkat dari tahun ke tahun, sebagian besar berkat penurunan kecepatan situs kami. Dengan mengutamakan pengalaman pengguna pelanggan, kami dapat mempertahankan pelanggan kami dan menjadikannya pengalaman berbelanja yang lebih mudah.”

Takeaway Kunci: Penting untuk diingat bahwa kecepatan dan pengalaman pengguna berjalan seiring.

Jika digabungkan, keduanya dapat menghasilkan peningkatan dalam satu metrik yang menguasai semuanya: Konversi!

Studi Kasus: 6 Detik Jubaer dan Peningkatan 40 Poin

Pakar SEO Vendasta sendiri, Jubaer Prodhan, membagikan contoh di mana dia mengikuti Alat Wawasan Pagespeed Google untuk situsnya sendiri dengan beberapa hasil yang bagus.

Jubaer mencatat, “Dalam kasus saya, saya memiliki situs web wordpress dengan waktu muat lebih dari 8 detik dan skor GPI (Google PageSpeed ​​Insight) 43. Saya melakukan hal-hal berikut untuk meningkatkan kecepatan situs.”:

1. Pengoptimalan Gambar: Jika dilakukan dengan benar, maka dapat mengurangi ukuran dan kecepatan halaman secara drastis. Dalam kasus saya, ukuran halaman turun dari 3 MB menjadi 1,6 MB. Plugin yang digunakan: Pengoptimal Gambar ShortPixel (Anda juga dapat mengoptimalkan gambar dengan alat ini)
2. Minifikasi Kode: Seringkali kita menggunakan banyak plugin wordpress untuk berbagai kebutuhan kita. Apa yang tidak kami sadari bahwa kebanyakan dari mereka menambahkan CSS/HTML/Javascript ekstra ke situs Anda. Yang meningkatkan waktu pemuatan dan permintaan browser. Memperkecil (menghapus baris dan kode ekstra) adalah solusi mudah untuk ini. Plugin yang digunakan: Optimalkan otomatis
3. Cache Browser: Menggunakan cache browser direkomendasikan oleh sebagian besar alat utama. Dan itu mengurangi bandwidth, waktu buka untuk pengunjung yang kembali, dan banyak hal berguna lainnya. Plugin yang digunakan: WP Cache Tercepat

Situs Jubaer sekarang dimuat dalam 1,9 detik dan skor GPI adalah 83! Itu cukup peningkatan dari 8 detik dan skor GPI 43.

Takeaway Kunci: Situs web yang lebih kecil dapat melihat peningkatan yang nyata dalam kecepatan hanya dengan beberapa perubahan kunci.

Coba kerjakan daftar Jubaer untuk memulai dan lihat hasil apa yang Anda dapatkan sebelum melanjutkan ke taktik berikutnya.

Bacaan Terkait: Plugin 7 WordPress SEO: Tumpukan Lokal Baru Anda

Studi Kasus: Bagaimana Satu Perusahaan Mencapai 100/100 di Alat PageSpeed ​​Google

Mendapatkan 100/100 itu merupakan indikasi bahwa situs Anda dioptimalkan untuk kecepatan sebanyak mungkin. Itu adalah tujuan akhir, dan satu perusahaan yang saya ajak bicara menjelaskan beberapa taktik orang dalam yang membantu mereka mencapainya.

Bret Bonnet, salah satu pemilik/pendiri Quality Logo Products, distributor produk promosi senilai $40 juta yang berlokasi di Chicago, IL. menjelaskan,

“Kecepatan halaman adalah fokus utama bagi organisasi kami. Meskipun sangat kecil, itu masih merupakan sinyal peringkat. Penelitian telah menunjukkan bahwa kecepatan halaman dapat berdampak dramatis pada kinerja konversi. Cara paling efektif untuk meningkatkan waktu muat situs web Anda adalah bekerja dengan pemuatan aset, memungkinkan konten "paro atas" ditampilkan sepenuhnya sebelum memuat CSS/JS. TIDAK mengoptimalkan pemuatan konten “paro atas” dapat mengakibatkan pengurangan 10 poin dalam keseluruhan skor Google Page Speed ​​Insights.”

[clickToTweet tweet="TIDAK mengoptimalkan pemuatan konten paro atas dapat mengakibatkan pengurangan 10 poin dalam keseluruhan skor Google #PageSpeed ​​Insights." quote="TIDAK mengoptimalkan pemuatan konten paro atas dapat mengakibatkan pengurangan 10 poin pada keseluruhan skor Google #PageSpeed ​​Insights."]

Pengurangan 10 poin ini menunjukkan betapa pentingnya menurut Google untuk mengoptimalkan konten paro atas. Apa yang mengejutkan dan paradoks adalah apa yang dijelaskan Bret selanjutnya:

“Selain pengelolaan aset, skor sempurna TIDAK DAPAT dicapai oleh situs web mana pun yang menyertakan kode pelacakan umum seperti Google AdWords atau Google Analytics dalam kode sumbernya. File JS ini disajikan langsung dari Google--untuk alasan apa pun, Google tidak mengikuti pedoman kualitasnya sendiri--dan dikirim ke browser tanpa kompresi. Pengoptimalan yang buruk ini--yang sekali lagi, di luar kendali Anda--sepenuhnya ada di pihak Google dan dapat dikenakan biaya sebanyak 5 poin."

Produk Logo Berkualitas dapat mempercepat dan mencapai 100/100 menggunakan taktik berikut:

“Untuk mengatasinya, kami telah mencatat IP dari mana Google merayapi dan IP Sumber untuk alat ini dan meminta server kami dengan sengaja menyajikan versi Google dari laman kami tanpa menginstal kode pelacakannya. Ini agak aneh, tetapi Google merusak skor Wawasan Kecepatan Halaman Google kami sendiri. Jadi untuk mengatasinya, kami sengaja tidak memberikan Google kodenya sendiri yang tidak dioptimalkan, yang menghasilkan peningkatan rata-rata skor kecepatan halaman kami sebesar 5 poin.”

Takeaway Kunci: Skor 100/100 dapat dicapai!

Sangat membingungkan bahwa produk Google sendiri memperlambat segalanya, tetapi solusi dalam studi kasus ini akan membantu.

Bagaimana melakukan Audit dan Optimasi Kecepatan Situs Anda

1. Dapatkan Hasil Baseline untuk Bagan

Langkah pertama untuk proses audit dan pengoptimalan Anda adalah mendapatkan tampilan dasar di posisi situs Anda saat ini untuk beberapa metrik.

Jika Anda mencatat titik awal, Anda akan dapat melacak keberhasilan upaya pengoptimalan dengan lebih baik. Setiap kali Anda mengoptimalkan situs web Anda dengan cara apa pun untuk kecepatan, pastikan Anda mencatat kemajuan Anda terhadap metrik yang sama ini.

Berikut adalah beberapa hal yang harus Anda lacak:

1. Waktu muat situs: Buka laporan analitik Google Anda ke Menu → Perilaku → Kecepatan Situs → Gambaran Umum (dan Pengaturan Waktu Laman untuk melihat laman individual). Catat waktu muat halaman situs rata-rata dan halaman utama yang ingin Anda lacak. Anda juga dapat menggunakan alat Pingdom dan GTMetrix yang disebutkan di atas.
2. Skor Google PageSpeed ​​situs web Anda: Cukup klik di sini dan masukkan URL situs web Anda dan periksa skor seluler dan desktop Anda. Rekam ini.
3. Rasio pentalan: Lihat apakah rasio pentalan Anda meningkat, yang menunjukkan bahwa lebih sedikit orang yang keluar dari situs setelah hanya melihat satu halaman. Anda dapat melihatnya di sejumlah tempat, seperti Perilaku → Gambaran Umum.
4. Tingkat konversi: Apakah pengunjung berkonversi pada tingkat yang lebih tinggi setelah perbaikan Anda? Ini penting untuk dilacak! Buka Konversi → Sasaran → Ikhtisar untuk melihat dan mencatat tingkat konversi Anda saat ini.

Catat kemajuan Anda dalam spreadsheet dan pastikan Anda mencatat perubahan pada situs web di Google Analytics dengan membuat anotasi untuk setiap pembaruan.

2. Bekerja Melalui 8 Langkah

Tempat terbaik untuk memulai audit Anda adalah saran yang ditawarkan alat Wawasan PageSpeed ​​Google. Jika Anda belum mencapai 100/100, Anda akan melihat beberapa kiat dari Google untuk memulai dari mana.

Bekerja melalui 8 langkah untuk meningkatkan kecepatan situs yang telah kami soroti akan memakan waktu dan ketekunan seperti yang telah saya sebutkan.

Meike Hendriks, pakar SEO di catatan Yoast,

"Tidak perlu sulit untuk mempercepat situs web Anda. Banyak situs web memiliki gambar terlalu besar yang dapat dengan mudah dioptimalkan. Selain itu, situs web dengan pengunjung yang datang dari seluruh dunia pasti harus menggunakan CDN untuk memastikan gambar disajikan sebagaimana mestinya. secepat mungkin untuk semua orang! Menambahkan beberapa baris kode ke file .htaccess, dapat mempercepat situs web Anda dengan mudah. ​​Misalnya, Anda dapat mengaktifkan cache browser dan kompresi gzip untuk file yang lebih kecil yang dapat dimuat lebih cepat di komputer pengunjung Anda."

Anda harus menetapkan beberapa tujuan dan harapan yang realistis. Ketika Anda memiliki situs besar dan multifaset dengan banyak konten (luar biasa!) seperti kami di Vendasta dan Hubspot, akan membutuhkan lebih banyak waktu untuk mencapai tujuan yang sama dari situs kecil yang gesit dengan sedikit halaman.

3. Tarik Bantuan Saat Dibutuhkan

Hei, kita tidak semua pengembang dan desainer. Jika upaya pengembangan DIY Anda merusak situs Anda atau muncul dalam sesi terapi, Anda mungkin ingin meminta bantuan ahli.

Kita semua tahu dan iri pada penyihir teknis. Biarkan mereka melakukan ini untuk Anda!

Pius Boachie dari Digitimatic memberi tahu saya bahwa full stack developer adalah kunci untuk membantu masalah kecepatan situs:

"Dalam hal mengalahkan alat wawasan kecepatan halaman Google, pengembang melakukan pekerjaan berat dengan menjaga kode tetap bersih, memprioritaskan konten di paro atas. Dari pengalaman, saat merancang untuk klien, kami merancang untuk kecepatan sehingga kami memilih pembuat situs web seperti Duda (produk cepat) atau bangun di atas CMS atau awal (mahal), investasikan CDN dan hosting yang bagus (sangat penting) bersama pengembang full-stack yang berpengalaman."

Anda telah menyiapkan metrik dasar Anda, sehingga akan mudah untuk melacak kemajuan dan kesuksesan Anda di masa mendatang. Jika Anda bekerja di beberapa situs untuk klien, Anda pasti ingin meniru kesuksesan Anda dan menghentikan apa pun yang tidak berfungsi.

Bacaan yang Disarankan: Tidak Perlu Pengembang: Mengapa Anda Membutuhkan Pembuat Situs Web Label Putih

4. Tetap Berkomitmen pada Kecepatan Situs Ke Depan

Anda mungkin dapat melumpuhkan beberapa buah yang menggantung rendah seperti pengoptimalan gambar, minifikasi kode, dan caching browser dan segera melihat beberapa hasil yang bagus. Namun, untuk mencapai tujuan Anda, mungkin diperlukan upaya yang lebih berkelanjutan untuk mengatasi 8 taktik yang telah saya soroti.

Jangan mencoba melakukan semuanya sekaligus! Untuk menghindari kejenuhan, buatlah rencana untuk menyisihkan, sambil memantau hasil usaha Anda.

Berikut Cara Memanfaatkan Kecepatan Situs untuk Meningkatkan Penjualan

Pikiran Akhir

Mendapatkan peningkatan kecepatan situs dunia nyata selalu lebih berantakan daripada yang terlihat di posting blog. Anda akan menghadapi beberapa tantangan di sepanjang jalan, tetapi tetap fokus pada hasil, karena mereka akan meningkatkan pengalaman pengguna, SEO, dan konversi dalam jangka panjang.

Itulah yang paling penting; mempersiapkan masa depan penjelajahan online yang cepat.

Jika Anda memerlukan bantuan, hubungi teman teknisi Anda atau beri tahu kami bagaimana kami dapat membantu!

Jika Anda memiliki pengalaman atau saran untuk dibagikan, jangan ragu untuk mengisi bagian komentar posting ini juga ...