25 Skrip Eksternal Untuk Dioptimalkan Di WordPress: Mempercepat Font, Analisis, Video YouTube, WooCommerce, Skrip Pihak Ketiga

Adalah skrip eksternal memperlambat situs WordPress Anda?


Ini adalah segala sesuatu yang menarik informasi dari luar situs web Anda: Google Fonts, Analytics, video YouTube yang tersemat, posting pekerjaan, Gravatar, bahkan komentar dan plugin berbagi sosial.

Anda dapat mengoptimalkan skrip eksternal di WordPress dengan meng-host file secara lokal (font, analytics, Facebook Pixel), menonaktifkan skrip secara selektif menggunakan plugin Asset CleanUp, dan menambahkan petunjuk browser seperti pra-koneksi dan prefetch. Beberapa plugin dan skrip (mis. AdSense) umumnya harus dihindari jika kecepatan penting bagi Anda. Apa pun yang tersisa, tentukan apakah pengorbanan dalam kinerja sepadan, dan apakah Anda harus menghapusnya atau menemukan alternatif.

Skrip eksternal hampir selalu menunjukkan kesalahan dalam GTmetrix di bawah Reduce DNS Lookups:

Script Eksternal WordPress

Berikut cara mengoptimalkan skrip pihak ketiga:

Contents

1. Temukan Script Eksternal

GTmetrix
Jalankan situs web Anda melalui GTmetrix (alat yang saya sarankan) dan lihat tab PageSpeed ​​dan YSlow Anda. Jika Anda memperluas item dan melihat skrip eksternal (atau plugin) yang sama ditampilkan beberapa kali di seluruh laporan Anda, itu mungkin berarti memperlambat situs WordPress Anda. Anda juga dapat menggunakan tab Air Terjun GTmetrix untuk mengetahui berapa lama setiap sumber daya dibutuhkan untuk memuat.

Script Eksternal WordPress

Monitor Kueri
Monitor Kueri memungkinkan Anda melihat skrip, gaya, dan plugin pemuatan paling lambat:

Skrip Monitor Kueri

Monitor Lambat Query Monitor

2. Nonaktifkan Script, Styles, Plugins yang tidak digunakan

Beberapa plugin dimuat di seluruh situs web Anda, terlepas dari apakah plugin itu sedang digunakan.

Pembersihan Aset memungkinkan Anda menonaktifkan skrip, gaya, dan plugin yang tidak perlu dari konten tertentu. Ini dapat meningkatkan waktu muat sekaligus mengurangi jumlah Permintaan HTTP. Ini juga memungkinkan Anda meng-host font secara lokal, pra-koneksi, preload, dan menonaktifkan fitur WordPress yang tidak digunakan.

Instal plugin, edit halaman, lalu nonaktifkan plugins atau permintaan yang tidak digunakan pada halaman itu:

Skrip Pihak Ketiga Eksternal

Nonaktifkan Script Eksternal WordPress

Fitur Pembersihan Aset:

  • Nonaktifkan skrip / plugin yang tidak digunakan pada konten tertentu
  • Perkecil, gabungkan, tunda, dan tembolok CSS + JavaScript
  • Pra-koneksi, preload, gabungkan, dan host font secara lokal
  • Aktifkan penulisan ulang URL CDN untuk memastikan file dioptimalkan
  • Nonaktifkan sematan, dasbor, fitur yang biasanya tidak digunakan
  • Nonaktifkan Dukungan Protokol XML-RPC sebagian atau seluruhnya
  • Optimalkan HTML dengan menghapus kode yang tidak perlu di
  • Bongkar pada 1 halaman, di seluruh situs, berdasarkan jenis posting, atau RegEx (fitur premium)

Nonaktifkan Plugin Secara Selektif (Contoh)

  • Nonaktifkan penggeser penggeser pada konten tanpa penggeser
  • Nonaktifkan plugin potongan kaya pada konten tanpa cuplikan kaya
  • Nonaktifkan plugin formulir kontak pada konten tanpa formulir kontak
  • Nonaktifkan tautan AdSense atau afiliasi yang tidak ditampilkan
  • Nonaktifkan plugin berbagi sosial di semua halaman (karena biasanya untuk posting blog)
  • Nonaktifkan skrip, gaya, fragmen gerobak WooCommerce pada halaman non-eCommerce

3. Preconnect, Prefetch, Dan Preload Script Eksternal

Untuk skrip yang tidak dapat dinonaktifkan secara selektif, melakukan pra-koneksi akan membantu browser mengantisipasinya. Ini tidak akan meningkatkan skor GTmetrix, tetapi dapat meningkatkan waktu pemuatan skrip eksternal.

Petunjuk Sumber Daya Pre * Party mendukung DNS prefetch, prerender, preconnect, prefetch, dan preload yang digunakan sebagai petunjuk sumber daya browser. Semua membantu memuat sumber daya eksternal lebih cepat dan sepengetahuan saya, WP Rocket hanya mendukung preloading dan prefetching, tetapi tidak terhubung sebelumnya.

Definisi (Kredit: WP Rocket)

  • Pra-koneksi: memberitahu browser untuk membuat koneksi ke sumber daya eksternal.
  • Prefetch: Memberitahu browser untuk mengunduh file yang diantisipasi oleh pengguna.
  • Prefetch DNS: browser melakukan pencarian DNS di latar belakang saat pengguna menjelajah.
  • Prerender: Memberitahu browser untuk mengunduh seluruh halaman berdasarkan pola penelusuran pengguna.
  • Preload: memberi tahu browser sumber daya navigasi diperlukan dan untuk mengambilnya SECEPATNYA.

Langkah 1: Salin semua domain eksternal yang Anda gunakan di situs web Anda (temukan di GTmetrix dan laporan Monitor Kueri Anda), jika tidak, inilah daftar domain umum untuk prefetch dari Github:

Langkah 2: Tambahkan ke plugin Pre * Party Resource Petunjuk:

Petunjuk Sumber Daya Pra Partai

Jika Anda menggunakan WP Rocket, Anda dapat mengambilnya lebih dulu (ditemukan di tab Preload):

Prefetch-DNS-Requests

4. Tunda Parsing Dari JavaScript

Tunda parsing JavaScript memberitahu browser untuk menunggu untuk mengunduh JavaScript sampai semua yang lain diunduh.

Jika Anda menggunakan WP Rocket, aktifkan Muat JavaScript Ditangguhkan di tab Optimasi File:

Muat JavaScript Ditangguhkan

Jika plugin cache Anda tidak mendukung ini, Anda dapat menggunakan Plugin Async JavaScript:

JavaScript Async

5. Host Google Font Secara Lokal

Hosting font secara lokal harus memperbaiki sebagian besar kesalahan terkait font di GTmetrix.

Anda dapat melakukan ini menggunakan Font Google yang Di-Host Sendiri, OMGF, atau Pembersihan Aset.

Tetapi cara terbaik untuk mengoptimalkan font adalah dengan mengunduhnya langsung dari situs web Google Fonts, mengonversinya menjadi file font web menggunakan alat seperti Transfonter, kemudian tambahkan ke CSS Anda. Pastikan Anda minim dengan font dan bobot, karena masing-masing dapat menambahkan permintaan.

Google-Font-GTmetrix

Langkah 1: Unduh font Anda dari Google Fonts.

Langkah 2: Konversikan ke file font web menggunakan Transfonter.

Transfonter-Google-Font-Conversion

Langkah 3: Unggah file font web ke wp-content / unggahan.

Contoh:

  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Regular.woff
  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Regular.woff2
  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Bold.woff
  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Bold.woff2

Langkah 4: Tambahkan font khusus ke CSS Anda.

URL default di stylesheet.css:
src: url (‘Roboto-Bold.woff2’) format (‘woff2’),
format url (‘Roboto-Bold.woff’) (‘woff’);

Ubah ini menjadi:
src: url (‘http://yourwebsite.com/wp-content/uploads/fonts/Format Roboto-Regular.woff2 ‘) (‘ woff2 ‘),
url (‘http://yourwebsite.com/wp-content/uploads/fonts/Format Roboto-Regular.woff ‘) (‘ woff ‘);

Langkah 5: Uji font di editor teks WordPress.

Pengujian

Uji Huruf Ubahsuaian

Uji Huruf Ubahsuaian

6. Host Google Analytics Secara Lokal

Jika Anda melihat leverage caching browser masalah, hosting kode pelacakan Google Analytics Anda secara lokal akan memperbaikinya. Kamu bisa menggunakan Pelacakan Google WP Rocket, CAOS Analytics, atau WP Nonaktifkan.

Leverage-Brower-Caching-Google-Analytics

7. Hindari Google AdSense Apa Pun Biaya

Google AdSense adalah salah satu sumber daya eksternal yang paling sulit untuk dioptimalkan, dan saya sarankan pemasaran afiliasi sebagai gantinya karena tidak memperlambat situs Anda, plus itu lebih menguntungkan dan lebih pribadi. Saya biasanya mencapai 130k + / tahun dengan pemasaran afiliasi jadi pastikan untuk membaca panduan itu.

Seorang ahli produk emas kata:

“Biasanya ada hal-hal yang dapat diperbaiki yang berada di bawah kendali Anda, tetapi pada akhirnya, itu adalah keputusan trade-off: apakah monetisasi membuat kerugian dalam kecepatan?”

Kinsta kata:

“Inilah sebabnya kecuali jika model pendapatan Anda berputar di sekitar iklan pihak ketiga, jangan taruh di situs WordPress Anda.”

Cloudflare Railgun adalah pilihan lain untuk mengoptimalkan AdSense karena mempercepat konten dinamis.

Cloudflare Railgun

8. Hanya Menggunakan Google Maps Pada Halaman Kontak

Terlihat bagus, benar?

Alih-alih menyematkan Peta, gunakan gambar dengan tautan ke petunjuk arah mengemudi.

Jika Anda menyematkan, hanya gunakan Google Map pada halaman di mana Anda membutuhkannya (halaman kontak dan yang menargetkan lokasi fisik). Jangan pernah di footer, widget, atau area Anda yang muncul di seluruh dunia.

Peta Google

9. Jangan Overtrack Di Google Tag Manager

Beberapa akan berpendapat bahwa Google Pengelola Tag sebenarnya dapat mempercepat situs web Anda, karena ia mengambil semua Javascript di situs Anda dan menggantinya dengan satu skrip tunggal, yang dipicu dari GTM.

Tetapi kenyataannya adalah, Google Pengelola Tag mungkin akan memperlambat situs Anda kecuali Anda memiliki situs besar yang tidak dioptimalkan yang menggunakan banyak skrip pihak ketiga, dalam hal ini GTM dapat mempercepatnya.

Google Pengelola Tag Kecepatan

Menghindari perangkap umum dan tidak menggunakan terlalu banyak tag dapat membantu, tetapi saya tidak menggunakan GTM. Bahkan, sejujurnya saya belum pernah mencobanya. Tetapi saya tahu bahwa saya telah melihatnya di banyak laporan GTmetrix yang buruk.

Saya juga merekomendasikan Google Pengelola Tag Untuk plugin WordPress yang hanya meluncurkan tag yang diperlukan untuk setiap halaman (mempercepat waktu muat GTM) dan membuat kode mudah ditambahkan.

10. Ganti Posting Media Sosial Dengan Screenshot

Posting yang disematkan (mis. Tweet) dapat diganti dengan tangkapan layar.

Butuh waktu, tetapi Anda benar-benar dapat membuat ini terlihat sangat bagus. Karena ini adalah gambar dan tidak perlu menarik informasi dari Twitter, mereka memuat lebih cepat daripada menanamkan.

Polling Hosting 2019

2017-WordPress-Hosting-FB-Poll

Rekomendasi Elementor Hosting

Rekomendasi Hosting Juli 2019

2016-WordPress-Hosting-FB-Poll

Hosting Favorit Untuk Elementor

Rekomendasi Hosting 2018

Bagaimana Saya Melakukannya
Di blog saya, saya menggunakan a 2 tata letak kolom dan mengukur setiap kolom menjadi 340 piksel (lebar). Selanjutnya, saya menggunakan Perbesar Ekstensi Chrome dikombinasikan dengan Screenshot Luar Biasa untuk mempelajari zoom apa yang saya butuhkan untuk mendapatkan tangkapan layar Tweet yang bagus. Saya mengambil tangkapan layar dari setiap Tweet, lalu memangkasnya menjadi persis 340 piksel. Selanjutnya, saya membandingkan semua tangkapan layar untuk melihat mana yang memiliki ketinggian yang sama, lalu memotong atau memanipulasi mereka sehingga 2 tangkapan layar memiliki ketinggian yang sama. Saat Anda memiliki 2 Tweet dengan lebar / tinggi yang sama, mereka tampak hebat di kolom-kolom.

Dan ya, saya sarankan SiteGround untuk hosting atau Cloudways / Kinsta. Ada banyak ulasan hosting yang buruk di luar sana; lihat jajak pendapat Facebook dan Anda akan melihat siapa pemenangnya.

11. Malas Memuat Video YouTube

Video tertanam dapat dengan mudah menambahkan 2+ detik untuk memuat kali.

Video dapat dioptimalkan melalui pemuatan yang malas dan dengan mengganti iframe dengan gambar pratinjau, sehingga hanya dimuat sekali orang mengeklik tombol putar (seperti contoh video di bawah).

Keduanya dapat dilakukan di WP Rocket:

WP-Rocket-Lazy-Load

WP YouTube Lyte adalah pilihan lain yang baik dan mendukung embed ringan YouTube (hanya memanggil “pemain YouTube gemuk” ketika Anda mengklik tombol putar) dan caching thumbnail YouTube secara lokal.

Atau, ini tutorial tentang penyematan YouTube ringan dapat digunakan.

12. Nonaktifkan Gravatar

Jika Anda memiliki banyak komentar blog, Gravatar benar-benar dapat memperlambat pos.

Saya akhirnya memutuskan untuk menonaktifkan Gravatar yang berarti tidak ada wajah yang ditampilkan di komentar. Blog WP Rocket juga tidak menggunakan Gravatar (hanya teks). Ini mungkin terlihat agak membosankan tetapi jika kecepatan itu penting, Anda mungkin hanya ingin menata komentar Anda dengan CSS dan menonaktifkan Gravatar. Plugin cache Gravatar tidak pernah berfungsi untuk saya, dan saya tidak ingin menyembunyikan atau memecah komentar.

Berikut ini beberapa opsi:

  • Nonaktifkan Gravatar (hanya tampilkan teks, tanggal, dll)
  • Cache Gravatars menggunakan Optimum, Harrys, atau FV (tidak bekerja untuk saya)
  • Bagi komentar menjadi beberapa halaman, jadi hanya beberapa Gravatar yang ditampilkan

Saya tidak menggunakan Gravatar:

Komentar Tanpa Gravatar

13. Nonaktifkan Plugin Statistik

Apakah Anda menggunakan plugin untuk mengumpulkan statistik?

Itu akan memperlambat situs Anda, dan Anda tidak memerlukan plugin untuk ini.

Anda dapat melihat semua yang Anda butuhkan di Google Analytics + Google Search Console tanpa mereka memperlambat situs web Anda. Anda tidak perlu JetPack, Statistik WP, atau plugin statistik lainnya.

Dasbor Kinerja Konsol Google Penelusuran

14. Nonaktifkan Broken Link Pemeriksa

Pemeriksa Tautan Rusak menjalankan pemindaian berkelanjutan yang karenanya dilarang dengan banyak host.

Saya masih suka plugin ini dan menginstal / menjalankannya setiap beberapa bulan. Tapi setelah selesai, saya segera menghapusnya. Anda juga bisa mencoba Tautan Periksa yang juga memindai tautan yang rusak di seluruh situs web Anda, tetapi Anda tidak dapat memperbaiki tautan langsung di dasbor WordPress Anda seperti halnya dengan Broken Link Checker. Jadi gunakan dan hapus segera setelah itu, atau gunakan Dr. Link Check.

15. Nonaktifkan Modul JetPack yang Tidak Digunakan

Pertama, nonaktifkan semua modul JetPack yang tidak Anda gunakan.

Tetapi mengapa Anda memasang plugin yang kuat jika Anda hanya menggunakan beberapa fitur? Jika Anda memerlukan statistik, gunakan Google Analytics, Cloudflare untuk CDN gratis, UpdraftPlus untuk cadangan, WP Rocket untuk pemuatan malas, dan untuk keamanan, saya akan menggunakan Wordfence, Sucuri, atau Keamanan iThemes.

Anda tidak perlu semua modul itu, apalagi plugin yang bengkak.
Prioritaskan fitur apa yang Anda butuhkan dan instal masing-masing plugin untuk itu. Lagipula, itulah keseluruhan konsep tema ringan (beli tema dengan fitur minimal dan andalkan plugin untuk menambahkan yang Anda butuhkan). Jangan memasang tema atau plugin yang membengkak dan macet dengan kehilangan kecepatan.

Langkah 1: Pergi ke dasbor JetPack Anda, gulir ke bawah, dan klik Debug.

JetPack Debug

Langkah 2: Akses daftar lengkap modul JetPack yang tersedia di situs WordPress Anda.

Akses Modul JetPack

Langkah 3: Nonaktifkan semua modul yang tidak Anda gunakan.

Modul JetPack

16. Nonaktifkan Plugin Berbagi Sosial CPU Tinggi

Tombol berbagi sosial harus menarik jumlah berbagi dari Facebook, Twitter, dll.

Jika plugin Anda memiliki opsi untuk memperbarui ini secara berkala atau selama waktu tidak sibuk, ini jauh lebih baik daripada memperbarui jumlah ini secara real-time. Namun, Anda mungkin hanya ingin tahu plugin berbagi sosial mana yang paling cepat dan paling ringan, jadi inilah beberapa di antaranya.

Permintaan Plugin Berbagi Sosial

Plugin Berbagi Sosial yang Disarankan (Ringan):

17. Nonaktifkan Dan Ganti Plugin CPU Tinggi Lainnya

Ada alasannya WP Engine, GoDaddy, dan host lain daftar hitam jenis plugin tertentu.

Plugin WordPress paling lambat termasuk berbagi sosial, statistik, slider, cadangan, pembangun halaman, kalender, obrolan, formulir kontak, portofolio, pos terkait, peta situs, Wordfence, WPML, WooCommerce, JetPack, dan plugin yang menjalankan pemindaian atau proses yang sedang berlangsung. Plugin lambat dapat ditemukan menggunakan Monitor Kueri atau dalam laporan Air Terjun GTmetrix Anda.

  1. Tambahkan ini
  2. Pemantauan Penipuan Klik AdSense
  3. Kalender Acara All-In-One
  4. Sobat Cadangan
  5. Pembuat Beaver
  6. WordPress Google XML Sitemaps yang lebih baik
  7. Pemeriksa Tautan Rusak (gunakan Pemeriksaan Tautan Dr.)
  8. Kontak Konstan untuk WordPress
  9. Formulir Kontak 7
  10. Posting Terkait Kontekstual
  11. Tautan Otomatis Digi
  12. Sistem Komentar Disqus
  13. Divi Builder
  14. Kotak Esensial
  15. Obrolan Facebook
  16. Galeri Mewah
  17. Penguat SEO Fuzzy
  18. Google Analytics
  19. Penerjemah Bahasa Google
  20. Lihat Daftar Lengkap 65 Plugin WordPress Lambat

18. Nonaktifkan Script WooCommerce, Gaya, Fragmen Keranjang

Semua situs WooCommerce dilengkapi dengan skrip, gaya, dan fragmen gerobak ekstra.

Ini memuat di seluruh situs web Anda – bahkan di halaman non-WooCommerce. Fragmen gerobak saja bisa memakan waktu hingga 10 detik untuk memuat. Di atas 3 lembar gaya WooCommerce dan banyak skrip yang dihasilkan oleh WooCommerce (dan fakta bahwa situs WooCommerce biasanya membutuhkan lebih banyak plugin), tidak heran sebagian besar situs ini biasanya memiliki waktu buka halaman yang lambat.

Fragmen Keranjang WooCommerce

Opsi 1: Pembersihan Aset
Nonaktifkan fungsi WooCommerce secara selektif pada halaman di mana mereka tidak perlu dimuat.

Pembersihan Aset WooCommerce

Opsi 2: Gunakan Kode Dari Github
Nonaktifkan Script WooCommerce: Tambahkan ini kode functions.php:

Nonaktifkan Gaya WooCommerce: lihat WooCommerce tutorial.

Nonaktifkan Fragmen WooCommerce: Tambahkan ini kode ke funtions.php:

Opsi 3: Perfmatters
Pengaya Kinsta’s Perfmatters memungkinkan Anda menonaktifkan semua ini dalam 1-klik, plus banyak lainnya fitur untuk mengoptimalkan situs Anda seperti menonaktifkan fungsi WordPress yang tidak perlu. Saya menggunakannya di situs web saya sendiri.

pengoptimal woocommerce perfmatters

19. Beban Bersyarat Disqus

Disqus dan banyak plugin komentar dapat membuat permintaan eksternal.

Disqus Conditional Load adalah versi lanjutan dari Disqus yang mencakup pemuatan malas dan penonaktifan skrip. Jika Disqus membuat permintaan dalam laporan GTmetrix Anda, ini dapat memperbaikinya sebagian besar.

Disqus Conditional Load

20. Memuat Formulir Kontak 7 secara selektif

Meskipun saya bukan penggemar Contact Form 7 karena waktu muatnya yang lambat, Anda bisa memuat JavaScript + Formulir Kontak 7 stylesheet hanya pada halaman yang menggunakan formulir kontak. Kalau tidak, mereka akan dimuat di setiap halaman. Saya sarankan Gravity Forms atau plugin form lain yang lebih cepat.

Anda juga dapat menggunakan Asset CleanUp untuk menonaktifkan formulir kontak pada halaman yang tidak menggunakannya:

Pembersihan Selektif Aset Nonaktifkan

21. Aktifkan Caching Untuk Facebook Pixel

WP Rocket Pengaya Facebook Pixel memungkinkan Anda menerapkan cache penelusuran untuk Facebook Pixel.

Ini adalah satu-satunya cara untuk mengoptimalkan Facebook Pixel sepengetahuan saya, yang memungkinkan Anda melacak siapa yang datang ke situs web Anda dan menindaklanjutinya dengan menggunakan Facebook Ads, di antara fitur-fitur lainnya..

Caching Peramban Pixel Facebook

22. Konfigurasikan Plugin Cache Anda dengan Benar

Meskipun begitu sangat penting, kebanyakan orang tidak mengkonfigurasi plugin cache dengan benar.

Banyak kesalahan GTmetrix mungkin terkait dengan hal-hal yang dapat ditangani oleh plugin cache Anda (memperkecil dan menggabungkan file, menunda JavaScript, caching, menambahkan tajuk kedaluwarsa, pengoptimalan video, menyajikan file dari CDN, dan hosting Google Fonts + Analytics secara lokal). Karena plugin cache yang berbeda datang dengan fitur yang berbeda, Anda harus melalui semua pengaturan dan mengujinya dengan penuh semangat, memeriksa bagaimana fitur yang diaktifkan dapat menghasilkan waktu muat yang lebih cepat dan skor yang lebih baik.

Saya pribadi menggunakan WP Rocket karena ia hadir dengan banyak fitur yang tidak dimiliki kebanyakan plugin cache (font hosting, analitik, dan Facebook Pixel secara lokal, malas memuat gambar + video, pembersihan basis data, preloading, kontrol detak jantung, dan integrasi Cloudflare dan beberapa CDN seperti StackPath). Jika tidak, Anda mungkin harus menginstal 7 plugin tambahan untuk mendapatkan optimasi tersebut.

Tutorial Plugin Cache:

WP Rocket Optimization File

23. CDN Jangan Bantuan

CDN sangat bagus untuk mengoptimalkan file anda Situs WordPress.

Tetapi sejauh skrip eksternal, itu tidak akan membantu. Saya bahkan mengirim pesan StackPath yang mengatakan sementara CDN membantu dengan banyak hal lain, skrip eksternal bukan salah satunya. Masuk akal – bagaimana Anda bisa mengeluarkan sesuatu yang bahkan tidak meng-host situs web Anda? Oh well, setidaknya mereka jujur.

Saya masih merekomendasikan Cloudflare dan StackPath karena mereka sangat membantu membongkar sumber daya ke pusat data mereka (membuat server Anda lebih santai) dan menggunakan fitur seperti Aturan Halaman Cloudflare, Perlindungan Hotlink, dan fitur keamanan mereka untuk mempercepat dan melindungi situs web Anda. Dan lebih banyak CDN berarti lebih banyak pusat data untuk menampung file Anda, yang berarti pengiriman konten Anda lebih cepat. Itulah mengapa saya menggunakan CDN Cloudflare dan StackPath.

24. Gunakan Pekerja Cloudflare

Pekerja adalah lingkungan eksekusi JavaScript yang memungkinkan pengembang untuk menambah aplikasi yang ada atau membuat yang baru tanpa mengkonfigurasi atau memelihara infrastruktur. Harga adalah $ 5 / bulan + penggunaan (10 juta pertama permintaan Tenaga kerja gratis, lalu $, 50 per juta permintaan). Pekerja dapat dikonfigurasikan untuk menjalankan halaman tertentu, subdomain, dll. Uji di sini.

25. Jalankan Tugas CPU Tinggi Selama Waktu Lambat

Cadangan, Patah Tautan Pengecek, dan tugas CPU tinggi lainnya harus dijalankan pada saat lambat. Sederhana.

Pertanyaan yang Sering Diajukan

&# x2705; Bagaimana cara menemukan skrip pihak ketiga mana yang memperlambat situs saya??

Ini biasanya akan muncul di bagian Reduce DNS Lookups di tab GTmetrix YSlow. Beberapa skrip pihak ketiga yang paling umum adalah Google Fonts, Analytics, Maps, AdSense, Google Tag Manager, permintaan media sosial, video YouTube yang disematkan, dan Gravatar.

&# x2705; Bagaimana cara mengoptimalkan Font Google?

Menggabungkan Google Font dan hosting mereka secara lokal adalah cara terbaik untuk membuat font memuat lebih cepat. Anda juga dapat mengambil dan memisahkan sebelumnya font-font Anda. Coba gunakan plugin OMGF.

&# x2705; Bagaimana dengan kesalahan media sosial di GTmetrix?

Ini biasanya disebabkan oleh tombol berbagi sosial, widget media sosial, atau elemen media sosial lainnya di situs Anda. Ini biasanya TIDAK dapat dioptimalkan – bagian terpenting adalah memilih plugin berbagi sosial yang ringan, jika Anda memutuskan untuk menggunakannya.

&# x2705; Cara memperbaiki masalah Caching Browser Leverage untuk Google Analytics?

Anda dapat mencoba meng-hosting kode pelacakan Google Analytics Anda secara lokal baik melalui WP Rocket (atau plugin cache apa pun yang Anda gunakan) atau plugin CAOS Analytics. Namun, memperbaiki kesalahan ini biasanya tidak secara langsung meningkatkan waktu muat.

&# x2705; Dapatkah saya membuat video YouTube yang tertanam memuat lebih cepat?

Ya, plugin seperti WP Rocket atau WP YouTube Lyte membuat Anda malas memuat video dan mengganti iframe dengan gambar pratinjau. Ini dapat mencukur beberapa detik dari waktu pemuatan konten.

Bagaimana Laporan GTmetrix Anda Sekarang?

Beranda saya 100% tetapi posting saya biasanya lebih mengesankan.

Saya akan mengambil waktu pemuatan 1,7 detik pada halaman 6.28MB dengan 196 permintaan setiap hari.

Awalnya, skrip eksternal yang memperlambat situs saya adalah Google Font, Google Analytics, video YouTube yang disematkan, Tweet yang tertanam, dan saya memiliki beberapa masalah dalam mengonfigurasikan CDN StackPath. Tapi begitu saya menerapkan langkah-langkah dalam posting ini (dan mengorbankan satu atau dua plugin), seluruh situs WordPress saya biasanya dimuat dengan sangat cepat. Hosting cloudways juga membantu.

Laporan GTmetrix 2019

Hal utama yang menahan postingan ini dari 100% adalah kode-kode Github yang tertanam. Tapi hei, kamu tidak bisa selalu sempurna, dan setidaknya aku punya Github di daftar prapenghubunganku dan prefetched!

Butuh bantuan?

Tinggalkan saya komentar atau hubungi tim kami tentang layanan kecepatan WordPress kami.

Bersulang,
Tom

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