Apa saja Pertanyaan SEO Online Anda?

Jika anda memiliki pertanyaan, Portal SEO atau Forum SEO untuk Tips SEO atau Tutorial SEO sebagai Forum Portal TIps Tutorial SEO Online anda.

11 Tips PageSpeed WordPress WP Rocket

Langkah PageSpeed WordPress 20 Menit Portal SEO Online

Semua orang tahu bahwa pagespeed itu sangat vital dan penting bagi SEO terutama untuk kecepatan pagespeed WordPress anda .

Ini adalah faktor peringkat Google yang dikonfirmasi pada desktop dan seluler, memengaruhi pengalaman pengguna, dan dapat berdampak langsung pada keuntungan Anda.

Ada banyak alat untuk menguji pagespeed dan banyak metrik berbeda untuk ditargetkan untuk percepat pagespeed wordpress tersebut.

Namun apakah Anda memahami cara kerja pengoptimalan pagespeed WordPress tersebut, atau apakah mereka benar-benar akan membuat situs web Anda lebih cepat?

Kecepatan halaman adalah topik yang kompleks. Banyak artikel yang ada memberi Anda daftar tindakan yang harus dilakukan atau plugin yang harus dipasang untuk membantu berbagai aspek kecepatan.

Tidak apa-apa, tetapi tidak semua situs sama. Jadi, dalam postingan untuk pagespeed WordPress ini, saya akan membantu Anda memahami cara kerja kecepatan halaman, dan tindakan yang harus diambil untuk situs tertentu Anda.

Cara Meningkatkan PageSpeed WordPress dari Awal hingga Selesai (Panduan Tingkat Lanjut)

cara meningkatkan pagespeed wordpress portal seo online

Karena itu, jika Anda bukan ahli teknis dan Anda hanya berharap memasang plugin / modul untuk mempercepat situs Anda, berikut beberapa hal yang dapat membantu.

WordPress:

WP Rocket (berbayar) + plugin pengoptimalan gambar, atau:
Pengoptimalan otomatis + plugin cache

Drupal

AdvAgg + modul pengoptimalan gambar

Sekarang, kembali ke bisnis. Inilah semua yang akan saya bahas:

  • Apa itu Kecepatan Halaman?
  • Mengapa Anda Harus Peduli Tentang Kecepatan Halaman
  • Seberapa Cepat Seharusnya Halaman Saya Memuat?
  • Bagaimana Halaman Dibangun
  • Alat dan Pengujian Kecepatan Halaman
  • Memperkirakan Dampak Perubahan

Apa itu PageSPeed WordPress?

pagespeed wordpress Portal SEO Online

Kecepatan halaman adalah lamanya waktu yang diperlukan untuk memuat halaman web seperti WordPress.

Sulit untuk menetapkan satu angka PageSpeed WordPress karena banyak metrik yang menangkap elemen dari pemuatan halaman dengan cara yang berbeda, untuk tujuan yang berbeda, dan dengan kondisi pengujian yang berbeda.

Mengapa Anda Harus Peduli Tentang PageSpeed WordPress

Ada pembaruan fokus pada kecepatan halaman dari Google baru-baru ini dengan kecepatan seluler menjadi faktor peringkat,

Laporan Kecepatan di Google Search Console, dan Chrome mengumumkan bahwa mereka mungkin menandai situs yang lambat, tetapi tahukah Anda bahwa kecepatan halaman telah menjadi faktor peringkat untuk Google sejak 2010?

Berikut alasan Anda harus peduli:

  • Memengaruhi Pengalaman Pengguna. Anda ingin pengunjung mendapatkan pengalaman yang cepat dan lancar. Setiap penundaan atau kelambatan dalam tindakan mereka terlihat.
  • Analisis Dampak. Secara umum, situs yang lebih cepat akan mencatat lebih banyak pengunjung karena tag analitik akan dimuat lebih cepat. Jika seseorang keluar sebelum tag diaktifkan, mereka tidak akan dicatat di sistem analytics.
  • SEO? Pembaruan Kecepatan hanya memengaruhi situs paling lambat menurut pengumuman resmi.

Ada banyak penelitian yang menunjukkan bahwa jika Anda meningkatkan kecepatan halaman, Anda akan melihat peningkatan pada hal-hal seperti lalu lintas organik, rasio klik untuk mengunjungi pada iklan, lebih banyak pengunjung secara umum, dan banyak manfaat lainnya.

Statistik WPO memiliki banyak studi contoh tentang peningkatan PageSpeed WordPress.

Namun, saya akan mengingatkan bahwa banyak dari penelitian ini mungkin sedikit menyesatkan. Kecuali Anda sangat lambat sebelumnya,

Google mengatakan bahwa meningkatkan PageSpeed WordPress seharusnya tidak memengaruhi peringkat Anda.

Jadi mengapa Anda melihat lebih banyak pengunjung?

Jawabannya adalah bahwa tag analytics mungkin diaktifkan lebih cepat dari sebelumnya, dan dapat merekam lebih banyak orang sebelum mereka meninggalkan halaman.

Seberapa Cepat Seharusnya PageSpeed WordPress Memuat?

Tidak ada ambang resmi. Salah satu rekomendasi umum adalah situs Anda akan dimuat dalam waktu kurang dari tiga detik.

Itu kemungkinan berasal dari studi Google yang mengatakan bahwa 53% pengunjung seluler meninggalkan halaman yang membutuhkan waktu lebih dari tiga detik untuk dimuat.

Saran ini kemungkinan besar juga didasarkan pada metrik Indeks Kecepatan, yang akan kita bicarakan nanti, tetapi itu hanya spekulasi saya berdasarkan ukuran yang populer pada saat penelitian.

Saya tidak percaya bahwa Google pernah menyebutkan metrik tertentu saat memberikan angka untuk kecepatan halaman.

Biasanya, rekomendasi dari perwakilan Google bersifat umum seperti “mempercepat situs bagi pengguna” atau “membuat situs secepat mungkin”.

Bagaimana Halaman Dibangun

Untuk memahami cara meningkatkan PageSpeed WordPress Anda, Anda perlu mengetahui bagaimana browser membuat halaman.

Untuk ini, kita terutama akan melihat diagram Waterfall untuk melihat resource apa yang dimuat.

Anda juga dapat melihat ini di browser Anda dengan menggunakan “klik kanan”> Periksa> dan membuka tab Jaringan saat memuat halaman.

Membangun Koneksi

Warna hijau, oranye, dan ungu di bawah ini menunjukkan waktu yang diperlukan untuk membuat sambungan ke situs web.

Saya akan membahas setiap warna di bawah dan apa yang diwakilinya.

DNS (Hijau)

Domain Name System (DNS) dianggap sebagai buku telepon web. Anda memberi browser Anda nama situs web, dan itu memeriksa dengan server DNS untuk mendapatkan alamat IP (label lokasi) yang memberi tahu di mana situs web dihosting. Ini seperti menyimpan kontak di ponsel Anda sehingga Anda hanya perlu mengetahui nama dan bukan nomor teleponnya.

Seringkali, DNS Anda akan berada di registrar domain Anda (tempat Anda membeli domain) atau dengan Content Delivery Network (CDN) Anda.

Yang penting, tidak semua penyedia DNS dibuat sama. Jika setiap milidetik penting bagi Anda, Anda mungkin ingin mempertimbangkan untuk menggunakan penyedia DNS yang berbeda.

Menurut DNSPerf, Cloudflare memiliki kecepatan kueri rata-rata 12,6 ms, sedangkan yang lain seperti GoDaddy (46,04 ms) dan Rackspace (90,38 ms) rata-rata lebih lambat.

Namun, angka-angka ini bukanlah representasi yang sepenuhnya akurat karena DNS dapat di-cache (disimpan sementara) di browser ketika Anda telah mengunjungi sebuah situs web. Jumlah waktu cache disebut sebagai TTL (Time to Live). Saat cache masih aktif, browser tidak perlu terhubung ke server DNS untuk mengetahui ke mana harus mengakses situs web.

Hubungkan (Oranye)

Di sinilah browser membuat koneksi dengan server hosting. Transmission Control Protocol / Internet Protocol (TCP / IP) memang rumit, tetapi pikirkan tentang bagaimana Anda mulai bekerja.

Ini mungkin bukan garis lurus; Anda harus berbelok, dan akan ada area dengan lalu lintas yang lebih tinggi.

Anda bahkan dapat mengubah rute atau melakukan kesalahan belokan. Begitulah cara kerjanya; itu merutekan dari browser Anda ke server dan kembali.

Jika waktu untuk menyambungkan lama, itu bisa menjadi salah satu dari banyak masalah.

Pada koneksi yang tidak stabil, paket loss mungkin terjadi dan harus dikirim ulang.

Ini sama saja dengan melewatkan giliran Anda di sebuah bundaran dan harus berputar lagi.

Masalahnya juga bisa dengan perutean permintaan melalui jaringan. Berapa banyak lompatan yang harus ditempuh, seberapa jauh jarak yang harus ditempuh, berapa banyak lalu lintas lain di jaringan serupa dengan berapa banyak belokan yang perlu Anda ambil, seberapa jauh dari tempat kerja Anda, dan berapa banyak mobil lain di jalan yang mungkin memperlambat Anda.

Ada juga pembatasan kecepatan dan kapasitas koneksi di server, yang mirip dengan terowongan yang hanya memungkinkan banyak mobil meskipun dalam satu waktu.

Banyak dari masalah ini diselesaikan dengan mempersingkat jarak ke server dan menggunakan perutean yang lebih cerdas — yang dapat dilakukan oleh banyak CDN.

Dengan jaringan server di seluruh dunia, pengunjung biasanya dapat terhubung ke server yang dekat.

Beberapa penyedia CDN juga mengelola permintaan internet dalam jumlah besar dan dapat melihat secara real-time di mana mungkin terdapat kemacetan (lalu lintas).

Jika mereka melihat opsi yang lebih cepat, mereka dapat mengubah rute lalu lintas — seperti bagaimana GPS akan mengubah rute Anda di sekitar kemacetan lalu lintas.

Secure Sockets Layer (SSL) (Ungu)

Untuk situs yang membuat sambungan aman (HTTPS), di sinilah browser dan server menyetujui versi protokol TLS (Transport Layer Security), ciphersuite (tingkat keamanan), dan memverifikasi sertifikat (untuk memastikan bahwa situs tersebut adalah satu yang dikatakan itu).

Anda mungkin berpikir bahwa Anda dapat membuat situs web Anda lebih cepat hanya dengan tidak menggunakan HTTPS. Itu sebagian benar — setidaknya untuk bagian koneksi.

Namun ada keuntungan lain menggunakan HTTPS seperti fakta bahwa browser tidak mengizinkan Anda menggunakan HTTP / 2 (H2) tanpa HTTPS. H2 memiliki beberapa keunggulan seperti koneksi persisten, jadi tidak perlu terus membuka koneksi baru untuk file di server yang sama.

Header dalam permintaan tersebut juga lebih kecil daripada di HTTP / 1.1, dan beberapa file dapat ditransfer secara bersamaan.

Dalam kebanyakan kasus, situs yang menggunakan HTTPS dan H2 akan lebih cepat daripada situs di HTTP.

Umumnya, keuntungan paling signifikan yang akan Anda dapatkan di sini berasal dari peningkatan versi protokol Anda (TLS 1.3 lebih cepat dari TLS 1.2,

misalnya) dan menerapkan HTTP Strict Transport Security (HSTS), yang memberi tahu browser untuk selalu menggunakan koneksi aman.

Browser merubah request dari HTTP ke HTTPS tanpa harus menghubungi server dan melakukan redirect.

Anda bahkan mungkin ingin menggunakan HTTP / 3 untuk koneksi yang lebih cepat.

Namun, dukungan untuk protokol ini masih dalam tahap awal, dan — setidaknya pada saat penulisan — mungkin belum menjadi pilihan yang layak.

PENTING: PENTING PERANGKAT, LOKASI, DAN JARINGAN
Pertimbangkan ini, menghubungkan ke situs web pada smartphone kelas menengah dengan koneksi 3G yang lambat membutuhkan waktu ~ 2 detik. Di ponsel yang sama dengan koneksi LTE, waktu ini berkurang menjadi ~ 0,41 detik. Di komputer desktop dengan kecepatan normal, butuh waktu kurang dari 0,1 detik untuk membuat sambungan itu.

Perlu diingat jika Anda melihat waktu koneksi yang lebih lama karena mungkin disebabkan oleh bandwidth yang terbatas atau daya pemrosesan perangkat uji. Faktor-faktor ini — bersama dengan cache — adalah penting. Mereka dapat membantu Anda menjelaskan kepada seseorang yang mungkin mengeluarkan ponsel cerdas terbaru mereka, terhubung ke WiFi, dengan semua file yang diperlukan untuk memuat halaman yang sudah di-cache di perangkat mereka (kita akan membicarakannya di bagian lain) seperti yang mereka alami (baca : PageSPeed WordPress). situs tersebut berada dalam kondisi ideal dan bukan bagaimana kebanyakan orang akan mengalaminya.

Mengunduh dan Memproses HTML

Kode HTML halaman adalah yang pertama kali diunduh oleh browser.

Ini adalah informasi PageSpeed WordPress yang Anda lihat saat mengklik kanan di situs web dan membuka “Lihat Sumber Halaman”.

Setelah koneksi dibuat, dan browser mendapatkan bit informasi pertama kembali dari server, kami mencapai Time To First Byte (TTFB), yang merupakan ukuran umum untuk waktu respons awal.

Seperti yang ditunjukkan oleh garis oranye , ini adalah waktu dari awal permintaan HTML (biru muda) hingga saat HTML mulai diunduh (biru tua).

Jika ada penundaan untuk TTFB, itu mungkin karena kueri database, sumber daya server, menunggu Server Side Render (SSR) selesai, atau hal lain yang biasanya terlibat dengan pembuatan konten dinamis. Waktu pengunduhan akan tergantung pada hal-hal seperti koneksi dan ukuran file.

Di sinilah browser juga mulai membuat halaman. Saat HTML diunduh, browser mem-parsingnya menjadi Model Objek Dokumen (DOM), yang merupakan cara komputer memahami struktur konten.

Proses penguraian tersebut menggunakan utas utama browser untuk memproses tindakan pengguna dan mengecat laman, menjalankan JavaScript, dan melakukan tata letak, alur ulang, dan pengumpulan sampah.

Jika Anda melihat celah antara HTML dan permintaan berikutnya, kemungkinan besar penyebabnya adalah CPU sibuk memproses HTML untuk membangun DOM.

Karena ini adalah CPU, ini sekali lagi bergantung pada perangkat yang digunakan, jadi Anda dapat menguji dengan perangkat yang lebih kuat untuk melihat apakah celah itu masih ada.

Untuk HTML dan jenis file lainnya seperti CSS dan JavaScript, Anda dapat menghemat waktu dengan menggunakan lebih sedikit kode, minifikasi untuk menghapus karakter yang tidak perlu seperti komentar dan spasi dari kode, dan kompresi untuk mengurangi ukuran file.

Intinya adalah membuat file yang diunduh lebih kecil sehingga membuat PageSpeed WordPress bagian pemuatan ini akan lebih cepat.

Namun, tidak hanya ada satu cara untuk melakukan minifikasi dan kompresi.

Dalam banyak kasus PageSpeed WordPress, ini ditangani oleh CDN atau server (Apache atau Nginx adalah server umum), atau oleh plugin / modul / paket.

Menangani Koneksi Tambahan

Ketika HTML telah diunduh, referensi ke file lain dan server lain akan diproses, dan koneksi baru akan dimulai.

Ini biasanya tempat file lain seperti JavaScript, CSS, Gambar, dan Font ditambahkan ke dalam campuran.

Hal-hal tersebut bisa menjadi gila karena beberapa file mereferensikan file lain, dan kami mulai merangkai koneksi dan unduhan file.

Gunakan Server yang Sama untuk Permintaan Jika Memungkinkan

Dulu merupakan praktik terbaik untuk menghosting sumber daya di domain tanpa cookie yang tidak sama dengan domain utama, dan terkadang ada manfaat untuk menggunakan beberapa domain (proses yang disebut sharding domain) karena batas permintaan koneksi yang ditetapkan oleh browser dalam PageSpeed WordPress.

Sejak HTTP / 2, itu bukan praktik terbaik. Anda harus menggunakan server yang sama untuk permintaan, jika memungkinkan.

Jika file itu dihosting pada server sama, file itu bahkan tidak harus membuat sambungan. Itu ditunda oleh waktu untuk membuat koneksi DNS, untuk menghubungkan, dan untuk menegosiasikan jabat tangan keamanan.

Tanpa rintangan ekstra untuk dilewati, kami akan memiliki file lebih awal, yang berarti PageSPeed WordPress akan memuat lebih cepat.

Namun, meskipun banyak file yang di-hosting sendiri seperti font dapat menghasilkan keuntungan, mungkin ada trade-off lain seperti caching (menyimpan salinan file) di mana browser terkadang memiliki sumber daya umum yang di-cache.

Misalnya, jika saya mengunjungi satu situs web yang memanggil font dari Google Fonts dan kemudian pergi ke situs web lain menggunakan font yang sama, saya mungkin sudah menyimpan file tersebut secara lokal dan tidak perlu mendownloadnya lagi.

Gunakan Preconnect atau DNS-Prefetch (Jika Anda Menggunakan Server Lain)

Jika Anda akan menggunakan server yang berbeda, Sambungkan ke server yang berisi file yang dibutuhkan di awal pemuatan halaman.

Ini akan membuat koneksi ke server lain lebih awal dari biasanya. Lihat di bawah ini bagaimana salah satu koneksi untuk Amazon dimulai bahkan sebelum HTML selesai diproses.

Contoh kode:
<link rel = “preconnect” href = “https://site.com”>

Ada juga DNS-prefetch jika Anda hanya ingin menangani bagian koneksi itu lebih awal.

Bagian hijau (DNS) akan terhubung lebih awal, tetapi koneksi lainnya akan dilakukan nanti dalam PageSpeed WordPress.

DNS-prefetch memiliki dukungan yang lebih baik daripada preconnect, tetapi jika Anda melihat statistik penggunaan saat ini, perbedaannya dapat diabaikan.

Preconnect umumnya lebih baik jika Anda mengetahui sesuatu dari server itu perlu dimuat lebih awal agar halaman berfungsi.

Namun, karena preconnect memerlukan lebih banyak pekerjaan untuk perutean dan keamanan (oranye dan ungu), ini juga akan menjadi sumber daya yang lebih intensif sejak awal untuk PageSpeed WordPress.

Contoh kode:
<link rel = “dns-prefetch” href = “// asset1.com”>

Bagaimana Browser Merender Halaman

Sebelum kita melanjutkan dan membahas opsi untuk pengoptimalan PageSpeed WordPress, saya pikir yang terbaik adalah memahami sedikit tentang bagaimana browser merender halaman.

Kami memiliki file lain yang masuk sekarang seperti CSS, JavaScript, Gambar, dan Font, dan browser harus mengubahnya, bersama dengan HTML, menjadi sesuatu yang berguna.

Ini adalah proses dinamis dengan file baru diperkenalkan, diunduh, diurai, dan hal-hal diatur ulang secara konstan untuk membangun halaman.

Proses ini biasanya disebut Jalur Rendering Kritis dan terlihat seperti ini:

  • HTML diproses menjadi pohon DOM yang kami sebutkan sebelumnya
  • CSS diurai menjadi CSS Object Model (CSSOM), yang memberi tahu browser bagaimana segala sesuatunya ditata, diisi, diwarnai, berukuran, dll.
  • CSSOM + DOM bersama-sama membuat apa yang disebut Render Tree.
  • Layouting terjadi, yaitu memproses di mana setiap elemen akan berada dalam viewport browser berdasarkan apa yang ada di Render Tree.
  • Pixels get painted on the screen so instead of a white screen, you see colors, shapes, text, and images.

Tujuannya adalah mendapatkan elemen yang diperlukan sedini mungkin pada PageSpeed WordPress untuk membangun tampilan awal secepat yang kami bisa.

Waktu muat yang terlihat adalah tampilan kecepatan halaman yang dilihat orang-orang, yaitu seberapa cepat konten muncul di layar untuk mereka.

Yang paling berdampak pada hal ini adalah bagaimana sumber daya dimuat.

Biasanya tanggung jawab CMS atau JavaScript Framework membantu browser memprioritaskan kapan / apa / bagaimana sumber daya dimuat untuk membuat situs muncul lebih cepat.

Anda juga ingin membuat PageSpeed WordPress semuanya tetap sederhana dan menghindari penghitungan yang rumit dan banyak perubahan selama fase tata letak.

Metrik Beban Visual:

  • First Paint (FP) – browser menampilkan apa pun untuk pertama kalinya.
  • First Contentful Paint (FCP) – browser merender sesuatu dari DOM (Document Object Model), yang bisa berupa teks, gambar, dll.
  • First Meaningful Paint (FMP) – elemen terpenting dimuat secara visual.
  • Largest Contentful Paint (LCP) – elemen terbesar di paro atas dimuat.
  • Lengkap Secara Visual – halaman dimuat secara visual.
  • Indeks Kecepatan – skor yang dihitung untuk beban visual yang memperhitungkan banyak poin dalam waktu.
  • Pergeseran Tata Letak Kumulatif (CLS) – Mengukur seberapa banyak elemen bergerak di area pandang selama pemuatan, atau seberapa stabil tata letak. Ada panduan bagus tentang penyebab CLS di sini.

 

Cara Mempercepat PageSpeed WordPress Anda

Cara Mempercepat PageSpeed WordPress Portal SEO Online

Semua orang tahu bahwa PageSpeed WordPress itu penting.

Ini adalah faktor peringkat Google yang dikonfirmasi pada desktop dan seluler, memengaruhi pengalaman pengguna, dan dapat berdampak langsung pada keuntungan Anda.

Tetapi situs WordPress yang lambat adalah masalah umum.

Jika kami menjalankan seluruh situs melalui Ahrefs ‘Site Audit — yang menunjukkan waktu muat halaman untuk semua halaman — kami melihat bahwa ini juga bukan satu-satunya halaman yang memuat dengan lambat.

Tak satu pun dari mereka memuat sangat cepat, dengan waktu muat rata-rata 570 md.

Perbedaannya adalah siang dan malam. Skor dari PageSpeed Insights hampir sempurna, dan setiap halaman dimuat dengan cukup cepat.

Dalam panduan ini, saya akan menunjukkan dengan tepat bagaimana saya melakukan ini dalam beberapa langkah sederhana dan mudah.

  • Hapus plugin yang tidak digunakan
  • Alihkan penyedia DNS ke Cloudflare
  • Instal plugin caching
  • Minimalkan kode Anda
  • Gabungkan file CSS dan JavaScript
  • Hilangkan sumber daya yang memblokir perenderan
  • Gambar dan video malas memuat
  • Optimalkan Google Fonts
  • Aktifkan pramuat
  • Gunakan CDN
  • Optimalkan gambar Anda

Langkah 1. Hapus Plugin yang tidak digunakan

Kecuali Anda memiliki situs web WordPress baru, kemungkinan Anda telah memasang banyak plugin yang tidak Anda gunakan selama bertahun-tahun.

Beberapa di antaranya dapat memengaruhi PageSpeed WordPress, jadi sebaiknya Anda menonaktifkan dan mencopot pemasangan apa pun yang tidak Anda perlukan sebagai titik awal.

Berhati-hatilah saat melakukan ini. Jika Anda tidak yakin apakah ada sesuatu yang dibutuhkan, biarkan di sana.

Langkah 2. Alihkan Penyedia DNS ke Cloudflare

Situs web adalah file di hard drive (server) yang terhubung ke internet. Dan setiap perangkat yang terhubung ke internet memiliki alamat IP (mis., 123.123.12.1).

Karena alamat IP sulit dihafal, nama domain dipetakan ke alamat IP menggunakan DNS, yang merupakan singkatan dari Domain Name System.

Anda dapat menganggap ini sebagai buku telepon web. Saat Anda mengetik domain ke browser Anda, pencarian DNS terjadi untuk menemukan alamat IP server.

Namun masalahnya: kebanyakan orang menggunakan penyedia DNS gratis dari pencatatan domain mereka, yang biasanya lambat.

Jika ini Anda, beralihlah ke penyedia DNS yang lebih cepat seperti Cloudflare sebagai salah satu solusi PageSpeed WordPress anda.

Langkah 3. Instal Plugin Caching

Caching adalah proses yang menyimpan file untuk sementara sehingga dapat dikirim ke pengunjung dengan lebih efisien sehingga mempercepat PageSpeed WordPress anda.

Ada dua tipe utama:

  • Caching browser: Menyimpan file ‘umum’ seperti logo di hard drive pengguna sehingga mereka tidak perlu mendownloadnya kembali saat melakukan kunjungan berulang.
  • Caching server: Menyimpan versi halaman ‘statis’ yang dibuat sepenuhnya di server sehingga tidak perlu dibuat ulang setiap kali pengunjung baru memintanya.

Plugin Caching membuatnya mudah untuk mengaktifkan caching. Cukup beli, instal, dan aktifkan.

Caching dasar (server dan browser) aktif secara default. Jika situs Anda responsif, buka pengaturan cache dan centang kotak untuk mengaktifkan cache untuk perangkat seluler juga.

Langkah 4. Minimalkan kode Anda

Minifikasi menghapus spasi dan komentar dari kode untuk mengurangi ukuran file. Dan file yang lebih kecil menghasilkan waktu pemuatan yang lebih cepat untuk PageSpeed WordPress.

Jika Anda menggunakan WPRocket, centang kotak untuk memperkecil CSS dan JavaScript di setelan.

Jika Anda tidak menggunakan WPRocket, instal dan aktifkan Autoptimize dan lakukan hal yang sama.

Ketahuilah bahwa Anda harus selalu menguji bagaimana hal ini memengaruhi situs web Anda sebelum menerapkannya secara langsung.

Meminimalkan sering kali dapat menyebabkan kode rusak, terutama jika berhubungan dengan Javascript.

Langkah 5. Gabungkan file CSS dan JavaScript

Sebagian besar situs WordPress menyertakan banyak file CSS dan JavaScripts.

Beberapa untuk tema, yang lain untuk plugin, dan Anda mungkin memiliki beberapa yang khusus juga.

Menggabungkan file-file ini dapat mempercepat, tetapi itu tergantung pada pengaturan server Anda.

  • Dengan HTTP / 1.1, file CSS dan JavaScript dimuat secara berurutan. Artinya, satu file harus dimuat sepenuhnya sebelum file berikutnya dapat mulai dimuat.
  • Dengan HTTP / 2, file dimuat secara bersamaan. Artinya, beberapa file CSS dan JavaScript dapat mulai dimuat secara bersamaan.

Jika server Anda menggunakan HTTP / 1.1, menggabungkan file akan mempercepat pekerjaan karena lebih sedikit file yang perlu dimuat.

Jika menggunakan HTTP / 2, menggabungkan file tidak akan membuat banyak perbedaan karena file dapat dimuat pada waktu yang sama.

Jika HTTP / 2 tidak didukung, sebaiknya gabungkan file CSS dan JavaScript.

Untuk melakukan PageSpeed WordPress ini di WPRocket, centang kotak “Gabungkan file JavaScript” dan “Gabungkan file CSS” di pengaturan.

Jika Anda menggunakan Autoptimize, ada dua kotak centang untuk “menggabungkan” file. Ketahuilah bahwa ini terkadang dapat ‘merusak’ berbagai hal di situs Anda, jadi sebaiknya periksa kembali apakah semuanya masih terlihat dan berfungsi sama setelah diaktifkan.

Dan ingatlah untuk membersihkan cache sebelumnya dan memeriksa perubahan di jendela penyamaran. Jika tidak, perubahan mungkin tidak tercermin dalam apa yang Anda lihat.

Langkah 6. Hilangkan sumber daya yang memblokir perenderan

Rendering adalah proses mengubah kode menjadi halaman web yang terlihat.

Kata kuncinya adalah ‘terlihat’ karena halaman web tidak selalu harus dimuat sepenuhnya sebelum dapat terlihat.

Oleh karena itu, masuk akal untuk memprioritaskan pemuatan sumber daya untuk konten ‘paro atas’ untuk mempercepat PageSpeed WordPress anda.

Anda dapat melakukannya dengan menunda pemuatan file JavaScript dan CSS tidak penting yang diperlukan untuk konten ‘paro bawah’ hingga nanti.

Untuk melakukannya di WPRocket, centang kotak “Muat JavaScript yang ditangguhkan” dan “Optimalkan pengiriman CSS”.

Jika Anda tidak menggunakan WPRocket, Anda memerlukan dua plugin: Autoptimize dan Async JavaScript.

Di setelan untuk Pengoptimalan Otomatis, centang kotak “Sisipkan dan Tunda CSS”. Kemudian, dalam pengaturan untuk Async JavaScript, tekan “Aktifkan Async JavaScript.

Jika sebelumnya Anda melihat masalah “hilangkan sumber daya yang memblokir perenderan” di PageSpeed Insights, ini biasanya akan memperbaiki masalah tersebut.

Langkah 7. Muat gambar dan video dengan LazyLoad

Pemuatan lambat meningkatkan PageSpeed WordPress dengan menunda pemuatan gambar dan video hingga terlihat di layar.

Jika Anda menjalankan WordPress 5.5+, pemuatan lambat gambar diaktifkan secara default, tetapi tidak untuk video.

Jika Anda menggunakan WPRocket, selesaikan ini dengan mencentang kotak “Aktifkan untuk iframe dan video” di bawah setelan LazyLoad.

Jika Anda tidak menggunakan WPRocket, plugin gratis Lazy Load untuk Video melakukan hal yang sama.

Langkah 8. Optimalkan Google Fonts

Banyak tema menggunakan Google Fonts, dan font ini harus diunduh dari server Google setiap kali seseorang mengunjungi situs web Anda.

Itu bisa menjadi proses yang memakan waktu karena server Anda harus membuat permintaan HTTP, mengunduh file CSS, lalu mengunduh font dari lokasi yang dirujuk di lembar gaya.

Dan itu harus dilakukan untuk setiap font di halaman.

Jika Anda menggunakan WPRocket, ini secara otomatis mengoptimalkan permintaan Google Fonts untuk PageSpeed WordPress.

Jika tidak, Tukar Tampilan Font Google adalah titik awal yang baik sehingga bisa mempercepat PageSpeed WordPress anda.

Langkah 9. Aktifkan preloading

Pramuat memungkinkan Anda untuk menentukan sumber daya penting, sehingga browser mengetahui prioritas file yang akan dimuat untuk PageSpeed WordPress.

Berdasarkan kode ini, file JavaScript harus dimuat terlebih dahulu karena hierarki. Itu tidak ideal karena file CSS hampir pasti lebih penting daripada kode JavaScript.

Itu memberi tahu browser untuk memprioritaskan file CSS di atas file JavaScript, terlepas dari hierarki.

Anda dapat menambahkan atribut pramuat secara manual dengan mengedit kode, tetapi itu bisa menjadi berantakan dan membingungkan kecuali Anda tahu apa yang Anda lakukan. Jauh lebih mudah untuk menginstal WPRocket, yang melakukannya secara otomatis di luar kotak.

Langkah 10. Gunakan CDN

Jaringan pengiriman konten (CDN) adalah grup server yang didistribusikan di seluruh dunia.

Masing-masing menyimpan salinan situs Anda sehingga lebih cepat bagi pengguna untuk terhubung saat meminta halaman web.

Misalnya, server host web Anda berada di Inggris Raya. Jika seseorang mengunjungi situs Anda dari AS dan Anda tidak menggunakan CDN, sambungan antara perangkat mereka dan server Anda akan lambat sehingga membuat lambat PageSpeed WordPress anda.

Jika seseorang mengunjungi dari AS dan Anda menggunakan CDN, perangkat mereka akan terhubung ke server terdekat, yang membantu semuanya terhubung lebih cepat.

Ada banyak penyedia CNS, jadi yang perlu Anda lakukan hanyalah memilih satu, mengaktifkannya di WPRocket, dan memasukkan CNAME.

Langkah 11. Optimalkan gambar Anda

Pemuatan lambat menyelesaikan banyak masalah yang terkait dengan gambar, tetapi tidak membantu gambar yang dimuat di paro atas.

Semakin besar ukurannya, semakin negatif dampaknya pada waktu pemuatan.

Untuk mengatasi ini, kompres gambar Anda dengan plugin seperti Shortpixel.

Cukup instal, aktifkan, buka pengaturan, masukkan kunci API Anda, klik “Simpan dan Buka Proses Massal, lalu klik” Mulai ulang pengoptimalan “.

Jika Anda menemukan bahwa kualitas ini terlalu rendah bagi PageSpeed WordPress anda, buka pengaturan, dan ubah jenis kompresi menjadi glossy atau lossless.

Kesimpulan

Semua yang di atas berfungsi dengan baik untuk situs saya, dan juga berfungsi dengan baik untuk situs lain.

Namun, penting untuk diingat bahwa setiap konfigurasi WordPress berbeda.

Anda mungkin memiliki lebih banyak plugin, tema yang lebih kikuk, hosting yang lebih lambat, atau lebih banyak skrip pelacakan pihak ketiga, yang semuanya memperlambat situs web Anda.

Jika PageSpeed WordPress Anda masih dapat dilakukan dengan beberapa peningkatan setelah melakukan pengoptimalan ini, kemungkinan Anda perlu melakukan pekerjaan kustom di situs Anda.

Jadi, ada baiknya menyewa pengembang atau pakar kecepatan halaman untuk melihat berbagai hal lebih dekat.

Cuplikan Video Ahref tentang PageSpeed WordPress


Demikian Artikel tentang Langkah PageSpeed WordPress 20 MenitPortal SEO Online : Forum Portal Tips Tutorial SEO Online Terlengkap dan Terupdate

 

Tags:  , , , , , , , ,