25 Skrip Luaran Untuk Dioptimumkan Di WordPress: Mempercepat Font, Analitis, Video YouTube, WooCommerce, Skrip Pihak Ketiga

Adakah skrip luaran memperlahankan laman WordPress anda?


Ini adalah apa sahaja yang menarik maklumat dari luar laman web anda: Fon Google, Analitis, video YouTube yang disematkan, jawatan kerja, Gravatar, bahkan komen dan pemalam perkongsian sosial.

Anda boleh mengoptimumkan skrip luaran di WordPress dengan menghosting fail secara tempatan (fon, analitik, Facebook Pixel), melumpuhkan skrip secara selektif menggunakan plugin Asset CleanUp, dan menambahkan petunjuk penyemak imbas seperti preonnect dan prefetch. Sebilangan plugin dan skrip (misalnya AdSense) umumnya harus dielakkan sekiranya kepantasan penting bagi anda. Apa sahaja yang tersisa, tentukan apakah pengorbanan dalam prestasi itu sepadan, dan adakah anda harus menghapusnya atau mencari alternatif.

Skrip luaran hampir selalu menunjukkan kesalahan dalam GTmetrix di bawah Mengurangkan Pencarian DNS:

Skrip Luaran WordPress

Inilah cara mengoptimumkan skrip pihak ketiga:

Contents

1. Cari Skrip Luaran

GTmetrix
Jalankan laman web anda melalui GTmetrix (alat yang saya cadangkan) dan lihat tab PageSpeed ​​dan YSlow anda. Sekiranya anda mengembangkan item dan melihat skrip luaran (atau pemalam) yang sama ditunjukkan berkali-kali sepanjang laporan anda, itu mungkin bermaksud melambatkan laman WordPress anda. Anda juga boleh menggunakan tab GTmetrix Waterfall untuk mengetahui berapa lama setiap sumber diperlukan untuk dimuat.

Skrip Luaran WordPress

Monitor Pertanyaan
Monitor Pertanyaan membolehkan anda melihat skrip, gaya, dan pemalam pemuatan paling lambat anda:

Skrip Monitor Pertanyaan

Plugin Perlahan Memantau Pertanyaan

2. Lumpuhkan Skrip, Gaya, Plugin yang Tidak Digunakan

Beberapa pemalam dimuat di seluruh laman web anda tanpa mengira sama ada ia digunakan.

Pembersihan Aset membolehkan anda melumpuhkan skrip, gaya, dan plugin yang tidak diperlukan dari kandungan tertentu. Ini dapat meningkatkan masa muat sambil mengurangkan bilangan Permintaan HTTP. Ini juga membolehkan anda menghoskan fon secara tempatan, melakukan prekoneksi, pramuat, dan mematikan ciri WordPress yang tidak digunakan.

Pasang plugin, edit halaman, kemudian matikan plugin atau permintaan yang tidak digunakan pada halaman itu:

Skrip Pihak Ketiga Luar

Lumpuhkan Skrip Luaran WordPress

Ciri-ciri CleanUp Aset:

  • Lumpuhkan skrip / pemalam yang tidak digunakan pada kandungan tertentu
  • Minimumkan, gabungkan, tangguhkan, dan cache CSS + JavaScript
  • Pra-sambungkan, pramuat, gabungkan, dan hos fon secara tempatan
  • Aktifkan penulisan semula URL CDN untuk memastikan fail dioptimumkan
  • Lumpuhkan embed, dashicon, ciri yang biasanya tidak digunakan
  • Lumpuhkan Sokongan XML-RPC Protokol sebahagian atau sepenuhnya
  • Optimumkan HTML dengan membuang kod yang tidak perlu di
  • Muat turun di 1 halaman, di seluruh laman web, berdasarkan jenis pos, atau RegEx (ciri premium)

Lumpuhkan Pemilihan Secara Selektif (Contoh)

  • Lumpuhkan pemalam slaid pada kandungan tanpa slider
  • Lumpuhkan pemalam coretan kaya pada kandungan tanpa coretan kaya
  • Lumpuhkan pemalam borang kenalan pada kandungan tanpa borang kenalan
  • Lumpuhkan pautan AdSense atau afiliasi di mana mereka tidak ditunjukkan
  • Lumpuhkan pemalam perkongsian sosial di semua halaman (kerana biasanya untuk catatan blog)
  • Lumpuhkan skrip, gaya, serpihan troli WooCommerce pada halaman bukan e-niaga

3. Preconnect, Prefetch, dan Preload Skrip Luaran

Untuk skrip yang tidak dapat dilumpuhkan secara selektif, menyambungkannya kembali membantu penyemak imbas menantinya. Ini tidak akan meningkatkan skor GTmetrix, tetapi dapat meningkatkan masa muat skrip luaran.

Petunjuk Sumber Pra * Pesta menyokong DNS prefetch, prerender, preonnect, prefetch, dan preload yang digunakan sebagai petunjuk sumber penyemak imbas. Semua bantuan memuatkan sumber luaran dengan lebih pantas dan sepanjang pengetahuan saya, WP Rocket hanya menyokong pramuat dan pra-pengambilan, tetapi tidak menghubungkan semula.

Definisi (Kredit: WP Rocket)

  • Pra-sambung: memberitahu penyemak imbas untuk membuat sambungan ke sumber luaran.
  • Pra ambil: memberitahu penyemak imbas untuk memuat turun fail jangkaan yang mungkin diminta oleh pengguna.
  • Pra Ambil DNS: penyemak imbas melakukan carian DNS di latar belakang semasa pengguna menyemak imbas.
  • Prerender: memberitahu penyemak imbas untuk memuat turun keseluruhan halaman berdasarkan corak penyemakan imbas pengguna.
  • Pramuat: memberitahu penyemak imbas sumber navigasi diperlukan dan mengambilnya secepat mungkin.

Langkah 1: Salin semua domain luaran yang anda gunakan di laman web anda (temukan di laporan GTmetrix dan Query Monitor anda), jika tidak, inilah senarai domain biasa untuk prefetch dari Github:

Langkah 2: Tambahkan mereka ke plugin Pre * Party Resource Hints anda:

Petunjuk Sumber Pra Pihak

Sekiranya anda menggunakan WP Rocket, anda boleh mengambilnya (boleh didapati di tab Preload):

Permintaan Prefetch-DNS-

4. Tunda Penguraian JavaScript

Tunda penghuraian JavaScript memberitahu penyemak imbas untuk menunggu untuk memuat turun JavaScript sehingga selepas semua yang lain dimuat turun.

Sekiranya anda menggunakan WP Rocket, aktifkan Muatkan JavaScript Ditangguhkan di tab Pengoptimuman Fail:

Muatkan JavaScript Ditangguhkan

Sekiranya pemalam cache anda tidak menyokong ini, anda boleh menggunakan Pemalam JavaScript Async:

Async JavaScript

5. Hoskan Fon Google secara tempatan

Hosting fon secara tempatan harus memperbaiki kebanyakan kesalahan berkaitan fon di GTmetrix.

Anda boleh melakukannya dengan menggunakan Fon Google Dihoskan Sendiri, OMGF, atau Pembersihan Aset.

Tetapi cara terbaik untuk mengoptimumkan fon adalah dengan memuat turunnya terus dari laman web Google Font, menukarnya ke fail fon web menggunakan alat seperti Transfonter, kemudian tambahkannya ke CSS anda. Pastikan anda minimum dengan fon dan bobot, kerana masing-masing dapat menambahkan permintaan.

Google-Font-GTmetrix

Langkah 1: Muat turun fon anda dari Google Font.

Langkah 2: Tukarkannya ke fail fon web menggunakan Transfonter.

Transfonter-Google-Font-Penukaran

Langkah 3: Muat naik fail fon web ke wp-content / upload.

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 fon khas ke CSS anda.

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

Tukar ini kepada:
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 fon di editor teks WordPress.

Ujian

Ujian Fon Tersuai

Ujian Fon Tersuai

6. Hoskan Analitis Google secara tempatan

Sekiranya anda melihat a memanfaatkan cache penyemak imbas masalah, hosting kod penjejakan Google Analitis anda secara tempatan akan memperbaikinya. Anda boleh menggunakan Penjejakan Google WP Rocket, Analisis CAOS, atau WP Lumpuhkan.

Leverage-Brower-Caching-Google-Analitis

7. Elakkan Google AdSense dengan Segala Kos

Google AdSense adalah salah satu sumber luaran yang paling sukar untuk dioptimumkan, dan saya mengesyorkan pemasaran gabungan kerana ia tidak melambatkan laman web anda, dan lebih menguntungkan dan lebih peribadi. Saya biasanya mencecah 130k + / tahun dengan pemasaran afiliasi jadi pastikan anda membaca panduan itu.

Seorang pakar produk emas kata:

“Biasanya ada perkara yang dapat diperbaiki yang berada di bawah kendali anda, tetapi pada akhirnya, ini adalah keputusan untuk pertukaran: apakah pengewangan menebus kerugian dalam kelajuan?”

Kinsta kata:

“Inilah sebabnya kecuali jika model pendapatan anda berkisar pada iklan pihak ketiga, jangan letakkan di laman WordPress anda.”

Cloudflare Railgun adalah pilihan lain untuk mengoptimumkan AdSense kerana mempercepat kandungan dinamik.

Cloudflare Railgun

8. Hanya Gunakan Peta Google Di Halaman Kenalan

Nampak baik, betul?

Daripada menyematkan Peta, gunakan gambar dengan pautan ke arah pemanduan.

Sekiranya anda menyematkan, hanya gunakan Peta Google pada halaman di mana anda memerlukannya (halaman hubungan dan halaman yang menyasarkan lokasi fizikal). Jangan sesekali di footer, widget, atau kawasan Anda yang muncul di seluruh laman web.

Peta Google

9. Jangan Overtrack Di Google Tag Manager

Ada yang berpendapat bahawa Pengurus Teg Google sebenarnya dapat mempercepat laman web anda, kerana mengambil semua Javascript di laman web anda dan menggantinya dengan satu skrip tunggal, yang dipicu dari GTM.

Tetapi kenyataannya, Pengurus Teg Google mungkin akan melambatkan laman web anda melainkan anda mempunyai laman web yang besar dan tidak dioptimumkan yang menggunakan banyak skrip pihak ketiga, yang mana GTM mungkin mempercepatnya.

Kelajuan Pengurus Teg Google

Mengelakkan perangkap biasa dan tidak menggunakan terlalu banyak teg boleh membantu, tetapi saya tidak menggunakan GTM. Sebenarnya, saya tidak pernah mencubanya. Tetapi saya tahu bahawa saya telah melihatnya dalam banyak laporan GTmetrix yang buruk.

Saya juga mengesyorkan Pemalam Teg Google Untuk pemalam WordPress yang hanya melancarkan tag yang diperlukan untuk setiap halaman (mempercepat masa muat GTM) dan membuat kod mudah ditambahkan.

10. Gantikan Catatan Media Sosial Dengan Tangkapan Skrin

Catatan terbenam (mis. Tweet) boleh digantikan dengan tangkapan skrin.

Ia memerlukan sedikit masa, tetapi anda benar-benar dapat menjadikannya kelihatan sangat bagus. Oleh kerana ini adalah gambar dan tidak perlu menarik maklumat dari Twitter, ia memuat lebih cepat daripada menyisipkan.

Undian Hosting 2019

2017-WordPress-Hosting-FB-Poll

Cadangan Elementor Hosting

Cadangan Pengehosan Julai 2019

2016-WordPress-Hosting-FB-Poll

Hosting Kegemaran Untuk Elementor

Cadangan Hosting 2018

Bagaimana saya melakukannya
Di blog saya, saya menggunakan Susun atur 2 lajur dan diukur setiap lajur menjadi 340 piksel (lebar). Seterusnya, saya menggunakan Zum Sambungan Chrome digabungkan dengan Tangkapan Skrin Hebat untuk mengetahui berapa% zoom yang saya perlukan untuk mendapatkan tangkapan skrin Tweet yang bagus. Saya mengambil tangkapan skrin setiap Tweet, kemudian memotongnya menjadi tepat 340 piksel. Seterusnya, saya membandingkan semua tangkapan skrin untuk melihat mana yang mempunyai ketinggian yang sama, kemudian memotong atau memanipulasinya sehingga 2 tangkapan skrin mempunyai ketinggian yang sama. Apabila anda mempunyai 2 Tweets dengan lebar / tinggi yang sama, mereka kelihatan hebat di sisi lajur.

Dan ya, saya cadangkan Tapak Tapak untuk hosting atau Laluan Awan / Kinsta. Terdapat banyak ulasan hosting yang buruk di luar sana; lihatlah undian Facebook dan anda akan melihat siapa pemenangnya.

11. Pemalas Video YouTube

Video yang dilekatkan dapat menambahkan masa 2+ saat dengan mudah untuk memuatkan masa.

Video dapat dioptimumkan melalui pemuatan yang malas dan dengan mengganti iframe dengan gambar pratonton, jadi video hanya dimuat setelah orang mengklik butang putar (seperti contoh video di bawah).

Kedua-duanya boleh dilakukan di WP Rocket:

WP-Rocket-Malas-Beban

WP YouTube Lyte adalah pilihan lain yang baik dan menyokong penyisipan YouTube ringan (hanya memanggil “pemain YouTube gemuk” apabila anda mengklik butang main) dan menyimpan gambar kecil YouTube secara tempatan.

Sebagai alternatif, ini tutorial mengenai penyebaran YouTube ringan boleh digunakan.

12. Lumpuhkan Gravatars

Sekiranya anda mempunyai banyak komen blog, Gravatars betul-betul boleh melambatkan jawatan.

Saya akhirnya memutuskan untuk mematikan Gravatars yang bermaksud tidak ada wajah yang ditunjukkan dalam komen. Blog WP Rocket tidak menggunakan Gravatars (hanya teks). Ia kelihatan agak membosankan tetapi jika kepantasan itu penting, anda mungkin ingin menggayakan komen anda dengan CSS dan mematikan Gravatars. Pemalam cache Gravatar tidak pernah berfungsi untuk saya, dan saya tidak mahu menyembunyikan atau memecahkan komen.

Berikut adalah beberapa pilihan:

  • Lumpuhkan Gravatars (hanya tunjukkan teks, tarikh, dll)
  • Cache Gravatars menggunakan Optimum, Harrys, atau FV (tidak berfungsi untuk saya)
  • Pecah komen ke dalam beberapa halaman, jadi hanya beberapa Gravatar yang dipaparkan

Saya tidak menggunakan Gravatars:

Komen Tanpa Gravatars

13. Lumpuhkan Plugin Statistik

Adakah anda menggunakan plugin untuk mengumpulkan statistik?

Itu akan melambatkan laman web anda, dan anda tidak memerlukan pemalam untuk ini.

Anda dapat melihat semua yang anda perlukan di Google Analytics + Google Search Console tanpa memperlahankan laman web anda. Anda tidak memerlukan JetPack, Statistik WP, atau pemalam statistik lain.

Papan Pemuka Prestasi Konsol Carian Google

14. Lumpuhkan Pemeriksa Pautan Pecah

Broken Link Checker menjalankan imbasan berterusan dan itulah sebabnya ia dilarang dengan banyak host.

Saya masih menyukai pemalam ini dan memasang / menjalankannya setiap beberapa bulan. Tetapi setelah saya selesai, saya segera menghapusnya. Anda juga boleh mencuba Pemeriksaan Pautan Dr. yang juga mengimbas pautan yang rosak di seluruh laman web anda, tetapi anda tidak dapat memperbaiki pautan secara langsung di papan pemuka WordPress anda seperti yang anda lakukan dengan Broken Link Checker. Oleh itu, gunakannya dan hapus segera selepas itu, atau gunakan Dr. Link Check.

15. Lumpuhkan Modul JetPack yang Tidak Digunakan

Pertama, lumpuhkan semua modul JetPack yang tidak anda gunakan.

Tetapi mengapa anda memasang plugin yang kuat jika anda hanya menggunakan beberapa ciri? Sekiranya anda memerlukan statistik, gunakan Google Analytics, Cloudflare untuk CDN percuma, UpdraftPlus untuk sandaran, WP Rocket untuk pemuatan yang malas, dan untuk keselamatan, saya akan menggunakan Wordfence, Sucuri, atau iThemes Security.

Anda tidak memerlukan semua modul tersebut, apalagi pemalam yang kembung.
Utamakan ciri yang anda perlukan dan pasang plugin individu untuknya. Lagipun, itulah keseluruhan konsep tema ringan (beli tema dengan ciri minimum dan bergantung pada pemalam untuk menambahkan yang anda perlukan). Jangan memasang tema atau plugin yang kembung dan terjebak dengan kehilangan kelajuan.

Langkah 1: Pergi ke papan pemuka JetPack anda, tatal ke bawah, dan klik Debug.

Debug JetPack

Langkah 2: Akses senarai lengkap modul JetPack yang terdapat di laman WordPress anda.

Akses Modul JetPack

Langkah 3: Nyahaktifkan semua modul yang tidak anda gunakan.

Modul JetPack

16. Lumpuhkan Plugin Bahagian Sosial CPU Tinggi

Butang perkongsian sosial harus menarik jumlah perkongsian dari Facebook, Twitter, dll.

Sekiranya pemalam anda mempunyai pilihan untuk mengemas kini ini secara berkala atau semasa waktu puncak, ini jauh lebih baik daripada mengemas kini kiraan ini dalam masa nyata. Walau bagaimanapun, anda mungkin hanya ingin mengetahui plugin perkongsian sosial mana yang paling cepat dan ringan, jadi berikut adalah beberapa dari mereka.

Permintaan Plugin Perkongsian Sosial

Plugin Perkongsian Sosial (Ringan) yang Disyorkan:

17. Lumpuhkan Dan Ganti Plugin CPU Tinggi Lain

Ada sebab WP Engine, GoDaddy, dan host lain senarai hitam jenis pemalam tertentu.

Plugin WordPress yang paling perlahan merangkumi perkongsian sosial, statistik, slaid, sandaran, pembina halaman, kalendar, sembang, borang kenalan, portfolio, pos berkaitan, peta laman, Wordfence, WPML, WooCommerce, JetPack, dan pemalam yang menjalankan imbasan atau proses berterusan. Plugin lambat boleh didapati menggunakan Query Monitor atau dalam laporan Air Terjun GTmetrix anda.

  1. Tambah ini
  2. Pemantauan Penipuan Klik AdSense
  3. Kalendar Acara Semua Dalam Satu
  4. Rakan Sandaran
  5. Pembina Beaver
  6. Peta Laman Google XML WordPress yang lebih baik
  7. Pemeriksa Pecah Pautan (gunakan Dr. Link Check)
  8. Hubungan Tetap untuk WordPress
  9. Borang Hubungan 7
  10. Catatan Berkaitan Kontekstual
  11. Pautan Auto Digi
  12. Sistem Komen Disqus
  13. Pembina Divi
  14. Grid Penting
  15. Sembang Facebook
  16. Galeri Fancy
  17. Penguat SEO kabur
  18. Analitis Google
  19. Penterjemah Bahasa Google
  20. Lihat Senarai Penuh 65 Plugin WordPress Lambat

18. Lumpuhkan Skrip, Gaya, Fragmen Keranjang WooCommerce

Semua laman web WooCommerce dilengkapi dengan skrip, gaya, dan serpihan keranjang tambahan.

Ini memuat di seluruh laman web anda – walaupun di halaman bukan WooCommerce. Serpihan troli sahaja boleh memakan masa hingga 10 saat untuk memuatkan. Di atas 3 helaian gaya WooCommerce dan banyak skrip yang dihasilkan oleh WooCommerce (dan hakikat bahawa laman web WooCommerce biasanya memerlukan lebih banyak plugin), tidak hairanlah kebanyakan laman web ini biasanya mempunyai masa memuat halaman yang perlahan.

Pecahan Keranjang WooCommerce

Pilihan 1: Pembersihan Aset
Lumpuhkan secara selektif fungsi WooCommerce pada halaman yang tidak perlu dimuatkan.

Asset CleanUp WooCommerce

Pilihan 2: Gunakan Kod Dari Github
Lumpuhkan Skrip WooCommerce: Tambah ini kod fungsi.php:

Lumpuhkan Gaya WooCommerce: lihat WooCommerce tutorial.

Lumpuhkan Fragmen Keranjang WooCommerce: Tambah ini kod ke funtions.php:

Pilihan 3: Perfmatters
Pemalam Perfmatters Kinsta membolehkan anda melumpuhkan semua ini dalam 1 klik, ditambah banyak lagi ciri-ciri untuk mengoptimumkan laman web anda seperti melumpuhkan fungsi WordPress yang tidak perlu. Saya menggunakannya di laman web saya sendiri.

pengoptimuman woocommerce perfmatters

19. Beban Bersyarat Disqus

Disqus dan banyak plugin komen boleh membuat permintaan luaran.

Beban Bersyarat Disqus adalah versi lanjutan Disqus yang merangkumi pemuatan pemalas dan penonaktifan skrip. Sekiranya Disqus membuat permintaan dalam laporan GTmetrix anda, ini dapat menyelesaikannya.

Beban Bersyarat Disqus

20. Muatkan Borang Hubungan 7 Secara Selektif

Walaupun saya bukan penggemar Borang Kenalan 7 kerana masa memuatnya perlahan, anda boleh memuatkan lembaran gaya JavaScript + Borang Hubungan 7 hanya pada halaman yang menggunakan borang hubungan. Jika tidak, mereka akan memuatkan di setiap halaman. Saya cadangkan Gravity Forms atau plugin form lain yang lebih pantas.

Anda juga boleh menggunakan Asset CleanUp untuk mematikan borang kenalan di halaman yang tidak menggunakannya:

Asset CleanUp Selective Disable

21. Dayakan Caching Untuk Facebook Pixel

WP Rocket Tambah Facebook Pixel membolehkan anda menggunakan cache penyemakan imbas untuk Facebook Pixel.

Ini adalah satu-satunya cara untuk mengoptimumkan Facebook Pixel dari pengetahuan saya, yang membolehkan anda mengesan siapa yang datang ke laman web anda dan menindaklanjuti mereka menggunakan Iklan Facebook, antara ciri lain.

Penyimpanan Penyemak Imbas Pixel Facebook

22. Konfigurasikan Plugin Cache Anda Dengan Betul

Walaupun begitu sangat penting, kebanyakan orang tidak mengkonfigurasi pemalam cache mereka dengan betul.

Banyak kesilapan GTmetrix mungkin berkaitan dengan perkara yang dapat ditangani oleh pemalam cache anda (meminimumkan dan menggabungkan fail, menangguhkan JavaScript, menyimpan cache, menambahkan tajuk yang telah habis masa berlakunya, mengoptimumkan video, menyajikan fail dari CDN, dan menghosting Google Font + Analytics secara tempatan). Oleh kerana pemalam cache yang berbeza dilengkapi dengan ciri yang berbeza, anda harus melalui semua tetapan anda dan mengujinya dengan kuat, memeriksa bagaimana ciri yang diaktifkan dapat menghasilkan masa muat yang lebih cepat dan skor yang lebih baik.

Saya secara peribadi menggunakan WP Rocket kerana dilengkapi dengan banyak ciri yang tidak dimiliki oleh kebanyakan pemalam cache (hosting fon, analitik, dan Facebook Pixel secara tempatan, pemuatan gambar + video malas, pembersihan pangkalan data, pramuat, kawalan degupan jantung, dan penyatuan kedua Cloudflare dan banyak CDN seperti StackPath). Jika tidak, anda mungkin perlu memasang 7 pemalam tambahan untuk mendapatkan pengoptimuman tersebut.

Tutorial Pemalam Cache:

Pengoptimuman Fail WP Rocket

23. CDN Tidak Membantu

CDN sangat bagus untuk mengoptimumkan fail anda Laman web WordPress.

Tetapi sejauh skrip luaran, ia tidak akan membantu. Saya juga menghantar pesanan kepada StackPath yang mengatakan bahawa sementara CDN membantu banyak perkara lain, skrip luaran bukanlah salah satu daripadanya. Ia masuk akal – bagaimana anda dapat memuatkan sesuatu yang bahkan tidak menghoskan laman web anda? Oh, sekurang-kurangnya mereka jujur.

Saya tetap mengesyorkan Cloudflare dan StackPath kerana mereka sangat membantu dengan memuatkan sumber ke pusat data mereka (menjadikan pelayan anda lebih santai) dan menggunakan ciri seperti Peraturan Halaman Cloudflare, Perlindungan Hotlink, dan ciri keselamatan mereka untuk mempercepat dan melindungi laman web anda. Dan lebih banyak CDN bermaksud lebih banyak pusat data untuk menghoskan fail anda, yang bermaksud penghantaran kandungan anda lebih pantas. Itulah sebabnya saya menggunakan CDN Cloudflare dan StackPath.

24. Gunakan Cloudflare Workers

Pekerja adalah persekitaran pelaksanaan JavaScript yang membolehkan pemaju menambah aplikasi yang ada atau membuat yang baru tanpa mengkonfigurasi atau menyelenggara infrastruktur. Harga adalah $ 5 / bulan + penggunaan (10 juta permintaan tenaga pekerja pertama adalah percuma, kemudian $ 50 per juta permintaan). Pekerja boleh dikonfigurasi untuk menjalankan halaman, subdomain, dll. Uji di sini.

25. Jalankan Tugas CPU Tinggi Semasa Masa yang perlahan

Sandaran, Broken Link Checker, dan tugas CPU tinggi lain harus dijalankan pada waktu yang perlahan. Ringkas.

Soalan Lazim

&# x2705; Bagaimana saya dapati skrip pihak ketiga mana yang memperlahankan laman web saya?

Ini biasanya akan muncul di bahagian Kurangkan Pencarian DNS di tab GTmetrix YSlow. Beberapa skrip pihak ketiga yang paling umum adalah Google Font, Analitis, Peta, AdSense, Google Tag Manager, permintaan media sosial, video YouTube tersemat, dan Gravatars.

&# x2705; Bagaimana saya mengoptimumkan Fon Google?

Menggabungkan Fon Google dan menghoskannya secara tempatan adalah kaedah terbaik untuk menjadikan fon dimuat dengan lebih pantas. Anda juga boleh membuat pra-pasang dan menghubungkan semula fon anda. Cuba gunakan pemalam OMGF.

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

Ini biasanya disebabkan oleh butang perkongsian sosial, widget media sosial, atau elemen media sosial lain di laman web anda. Ini biasanya TIDAK dapat dioptimumkan – bahagian yang paling penting adalah memilih pemalam perkongsian sosial yang ringan, jika anda memutuskan untuk menggunakannya.

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

Anda boleh mencuba menghosting kod penjejakan Google Analytics anda secara tempatan melalui WP Rocket (atau plugin cache apa pun yang anda gunakan) atau pemalam CAOS Analytics. Walau bagaimanapun, memperbaiki ralat ini biasanya tidak secara langsung meningkatkan masa muat.

&# x2705; Bolehkah saya membuat video YouTube terbenam dimuat lebih cepat?

Ya, pemalam seperti WP Rocket atau WP YouTube Lyte membiarkan anda malas memuat video dan mengganti iframe dengan gambar pratonton. Ini dapat mengurangkan beberapa saat masa muat kandungan.

Bagaimana Laporan GTmetrix Anda Sekarang?

Halaman utama saya 100% tetapi catatan saya biasanya lebih mengagumkan.

Saya akan mengambil masa muat 1.7 pada halaman 6.28MB dengan 196 permintaan setiap hari.

Pada asalnya, skrip luaran yang melambatkan laman web saya ialah Google Font, Google Analytics, video YouTube yang disematkan, Tweet yang disematkan, dan saya menghadapi beberapa masalah ketika mengkonfigurasi CDN StackPath. Tetapi setelah saya melaksanakan langkah-langkah dalam catatan ini (dan mengorbankan satu atau dua pemalam), seluruh laman WordPress saya biasanya memuat dengan cepat. Hosting Cloudways turut menolong.

Laporan GTmetrix 2019

Perkara utama yang menahan jawatan ini dari 100% adalah kod Github yang tersemat. Tapi hei, anda tidak boleh selalu sempurna, dan sekurang-kurangnya saya mempunyai Github dalam senarai saya yang telah disambungkan dan diambil sebelumnya!

Perlukan bantuan?

Tinggalkan saya komen atau hubungi pasukan kami mengenai perkhidmatan kelajuan WordPress kami.

Sorakan,
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