9 cara untuk mempercepatkan WordPress! Ia pasti akan menjadi lebih pantas

Imej mempercepatkan WordPress

Kemas kini terakhir: 2025 Januari 1
- Tetapan fon kini lebih terperinci.
- Satu ukuran baharu, "Tetapan Cron," telah ditambah.

Kelajuan halaman adalah salah satu faktor terpenting dalam SEO. Google juga secara rasmi mengumumkan bahawa ia menggunakan "kelajuan pemuatan halaman" sebagai isyarat kedudukan, dan tapak yang perlahan mungkin terjejas secara negatif dalam kedudukan carian.

Tambahan pula, tapak yang perlahan berkemungkinan besar mempunyai kadar pengabaian pengguna yang tinggi, yang boleh mengakibatkan paparan halaman dan penukaran yang lebih rendah.
*Kira-kira 3% pengguna akan meninggalkan tapak jika ia mengambil masa lebih lama daripada 40 saat untuk dimuatkan.

Di sini, saya akan meningkatkan kelajuan WordPress dalam persekitaran saya (pelayan X baharu 2024), dengan matlamat utama untuk mencapai skor lebih 80 dalam PageSpeed ​​​​Insights saya ingin mendedahkan kandungannya.

Ini adalah ukuran terutamanya untuk pelayan X, tetapi saya rasa beberapa bahagian boleh dilindungi oleh fungsi dan pemalam pada pelayan lain, jadi sila cuba. Kami akan menerangkan cara untuk mencapai skor Page Speed ​​​​Insights melebihi 60 dengan halangan minimum.

Keputusan menunjukkan bahawa skor telefon pintar saya meningkat daripada 52 kepada 60 kepada 77. Skor PC meningkat daripada 74 kepada 91 kepada 88.
"First contentful paint" bertambah baik daripada 3.6 saat kepada 3 saat pada telefon pintar.
Kali ini saya ingin memberitahu anda tentang butiran langkah-langkah ini.

Ini sesuai untuk:
  • Orang yang mempunyai PageSpeed ​​​​Insights dalam 40-an hingga 50-an
  • Orang yang merasakan laman web ini lambat sedikit
  • Mereka yang ingin memberi kesan positif pada kedudukan carian Google
【iklan】

Bagaimana semuanya bermula

Semuanya bermula secara remeh.
Pelayan X akan digantikan dengan pelayan baharu pada tahun 2024, yang akan menjadi tiga kali lebih pantas daripada sebelumnya. Lebih-lebih lagi, saya mendengar bahawa pengguna sedia ada boleh menaik taraf ke pelayan baharu secara percuma, jadi saya segera berpindah ke pelayan baharu.

Jadi saya teruja menjalankan ujian dengan PageSpeed ​​​​Insight dan berikut ialah keputusannya:

Prestasi 74
Keputusan PC selepas penghijrahan ke pelayan baharu
Prestasi 52
Keputusan telefon pintar selepas penghijrahan ke pelayan baharu

Hmm... ini... tak berubah langsung⤵︎ ⤵︎ ⤵︎
Angka tersebut adalah di bawah jangkaan. Saya rasa saya agak terkejut kerana jangkaan saya terlalu tinggi.
Sebagai seorang blogger alat, saya ingin melihat lebih banyak penilaian kelajuan...
Oleh itu, kami tertanya-tanya jika terdapat sebarang langkah lain yang boleh kami laksanakan, dan selepas beberapa penyelidikan, kami menghasilkan langkah semasa.

Langkah-langkah khusus

Saya telah menyusun senarai di bawah langkah-langkah khusus yang boleh diambil, dengan merujuk kepada pelbagai laman web.

  1. Padamkan pemalam yang tidak diperlukan
  2. Pengoptimuman Caching (Pemalam Pelayan)
  3. Pemampatan dan Pengoptimuman Imej
  4. Pengoptimuman kod HTML/CSS/JS
  5. Malas Memuatkan Imej dan Video
  6. Hidupkan "XPageSpeed" pada pelayan X
  7. Hidupkan "X Acceleration" pada pelayan X
  8. Kemas kini versi PHP pada pelayan anda
  9. Pembaikan Pelayan & Pangkalan Data
  10. Pramuat Tetapan
  11. Ringankan fon
  12. Tetapan Cron *Baru ditambah pada 1 Januari

Memandangkan item 2 hingga 5 boleh dikendalikan oleh fungsi pelayan X "XPageSpeed," kami akan menggunakan fungsi yang sama untuk item 6.
Bagi mereka yang tidak menggunakan pelayan X, kami akan memperkenalkan pemalam kemudian.

Saya akan cuba mempraktikkannya satu persatu.
Kami akan melakukan yang terbaik untuk berkongsi sebanyak mungkin butiran tentang inisiatif kami, jadi sila awasi.

【iklan】

Bahagian 1: Bersihkan pemalam yang tidak diperlukan

Senarai Plugin WordPress

Salah satu sebabnya ialah terlalu banyak pemalam boleh melambatkan masa pemuatan tapak anda, menyebabkan konflik dan menggandakan masa pemprosesan.

Mula-mula, padamkan mana-mana pemalam yang sudah lama anda tidak gunakan. "Padam" lebih berkesan daripada "lumpuhkan".
Ini kerana walaupun pemalam dilumpuhkan, fail konfigurasi dan maklumat lain kekal, yang nampaknya menjejaskan pemprosesan. Jadi ia dipadamkan. Juga, kecilkan mana-mana pemalam bertindih kepada satu dan padamkannya. Saya fikir adalah idea yang baik untuk menyimpan pemalam yang anda gunakan sekali-sekala tetapi benar-benar mahu dipadamkan.

Bergantung pada pemalam, memadamkannya boleh menyebabkan paparan diherotkan, jadi pastikan anda menggunakan fungsi sandaran pelayan sewa anda untuk menyandarkan data tapak anda.

Bahagian 2. Menyediakan "XPageSpeed"

Skrin tetapan XPageSpeed ​​​​(semak semuanya)
Skrin tetapan XPageSpeed ​​​​

Konfigurasikan "XPageSpeed", fungsi kelajuan unik pelayan X.
Log masuk ke panel pelayan X anda dan klik pada pautan "XpageSpeed".
Dan hidupkan semua kotak pilihan. *Sila ambil perhatian bahawa pemuatan tertunda Javascript boleh menyebabkan herotan skrin bergantung pada persekitaran anda, jadi jika ia menyebabkan masalah apabila dihidupkan, cuba matikannya.

Jika anda tidak mempunyai pelayan X, anda boleh menggunakan pemalam.

  • W3 Cache Jumlah...Ini ialah pemalam berbilang fungsi yang merangkumi fungsi caching, pemampatan CSS dan JavaScript serta pemuatan imej yang malas.
  • Autoptimize...Pemalam percuma yang menyokong pemampatan dan penggabungan CSS dan JavaScript, serta pemuatan imej yang tertunda.

↑Sila gunakan salah satu pemalam di atas dan sediakannya.

Perkara yang boleh anda lakukan dengan XPageSpeed

Kecilkan HTML/CSS/JS
・Padamkan ruang yang tidak perlu dan pemisah baris untuk mengurangkan volum data.
- Permintaan yang lebih ringan menyumbang kepada kelajuan paparan halaman yang lebih baik.

Pengoptimuman imej (mampatan/WebP)
- Memampatkan dan menukar JPEG dan PNG secara automatik untuk mengurangkan saiz fail.
- Mempercepatkan pemuatan halaman keseluruhan dengan menyampaikan kandungan dalam format WebP kepada penyemak imbas yang serasi.

Ciri Lazy Load (mungkin)
- Mekanisme digunakan pada bahagian pelayan yang tidak memuatkan imej sehingga pengguna menatal.
- Mengurangkan trafik data semasa paparan awal untuk paparan yang lebih lancar.

Tetapan cache penyemak imbas
- XPageSpeed ​​​​mungkin dikonfigurasikan untuk mengurangkan muat semula pada bahagian penyemak imbas, seperti dengan memberi sumber masa tamat tempoh yang lebih lama.
-Pemalam cache juga selalunya mempunyai keupayaan untuk mengawal cache penyemak imbas menggunakan pengepala HTTP.

Seperti yang dinyatakan di atas, semua yang boleh dilakukan dengan pemalam cache juga boleh dilakukan dengan fungsi "XPageSpeed" Pelayan X, jadi anda tidak perlu risau tentang kerosakan akibat pemasangan pemalam.

【iklan】

Petua 3. Hidupkan fungsi "X Accelerator".

Skrin tetapan X Accelerator (pilih Accelerator Ver.2)
Skrin tetapan X Accelerator
Ciri utama X Accelerator

X Pemecutdisediakan oleh pelayan X itu sendiri.Ciri pecutan bahagian pelayanialah. Malah untuk tapak dinamik termasuk WordPress, paparan halaman dipercepatkan dengan caching statik dan menyampaikan kandungan pada pelayan. Di bawah, kami akan menerangkan gambaran keseluruhan X Accelerator serta fungsi dan faedah utamanya.

Cache dinamik (statik)
Halaman yang menggunakan PHP, seperti WordPress, dicache sebagai HTML pada pelayan terlebih dahulu, dan dari masa hadapan dan seterusnya, pertanyaan pangkalan data dilangkau untuk penghantaran berkelajuan tinggi.

Tetapan cache penyemak imbas
Untuk sumber statik seperti imej, CSS dan JavaScriptPengepala caching yang betulDengan menambahkan ini dan menyimpannya dalam pelayar pengguna untuk jangka masa yang panjang, pemuatan akan menjadi lebih cepat apabila pengguna melawat semula halaman tersebut.

Mampatan Gzip (atau mampatan Brotli)
- Memampatkan komunikasi dengan penyemak imbas, mengurangkan jumlah data dan mempercepatkan paparan halaman.
- Pemampatan Brotli mungkin disokong bergantung pada versi X Accelerator dan tetapan pelayan.

Kebaikan X Accelerator

Kelajuan penjanaan halaman dipertingkatkan
- Halaman dinamik dicache terlebih dahulu, yang secara signifikan mengurangkan beban menjalankan PHP pada bahagian pelayan dan bilangan pertanyaan pangkalan data.
- Ia amat berkesan pada tapak dengan trafik tinggi atau tapak WordPress yang menggunakan sejumlah besar pemalam.

Mudah dipasang tanpa konfigurasi WordPress diperlukan
X Accelerator ialah fungsi sebelah pelayan, jadi anda boleh menggunakannya tanpa perlu memasang atau mengkonfigurasi panel pentadbir WordPress atau pemalam tertentu.Aktifkan melalui operasi butang dari panel pelayanIa mudah dilakukan.

Tiada caj tambahan
・X Accelerator ialah ciri standard Xserver, jadi tiada kos tambahan.
・Bergantung pada pelan, anda mungkin boleh memilih versi (seperti "Ver.1" atau "Ver.2"), supaya anda boleh menggunakannya dalam versi yang sesuai dengan rancangan anda.

Boleh digunakan bersama dengan fungsi cache yang lain
Selain caching sebelah pelayan, menambah dengan tetapan terperinci pada sisi pemalam CDN dan WordPress (cache DB, tetapan pengecualian peringkat halaman, dll.) akan membolehkan operasi yang lebih pantas dan lebih fleksibel.

Petua 4. Kemas kini versi PHP anda pada pelayan anda

Pilih PHP 8.3.10
Skrin pengurusan versi PHP

Kelajuan PHP bertambah baik dengan setiap keluaran baharu, jadi kami mengesyorkan agar anda menyemaknya dengan kerap dan sentiasa memastikan ia dikemas kini dengan versi terkini. Fungsi ini mungkin juga tersedia pada pelayan sewa selain Pelayan X, jadi sila semak. *Dalam kes yang jarang berlaku, mengemas kini kepada versi terkini boleh menyebabkan skrin menjadi herot, jadi sila tukar ganti sambil memerhatikan keadaan. Saya sedang menggunakan versi terkini 8.3.10.

【iklan】

Keputusan sementara

Sekarang mari kita semak sejauh mana ia lebih pantas.

Prestasi 91
skor PC
Prestasi 60
Skor telefon pintar

Keputusan pada PC telah meningkat dengan ketara! Skor meningkat daripada 74 kepada 91. Bukankah ini sudah menjadi hadnya? Sungguh mengagumkan kami boleh mencapai lebih 90 dengan hanya langkah-langkah ini.
Prestasi telefon pintar meningkat daripada 52 kepada 60. Ia adalah perkara kecil, tetapi jumlahnya pasti meningkat. Sejauh manakah langkah masa hadapan akan meningkatkan skor?

Ngomong-ngomong, apabila anda menguji kelajuan anda dengan PageSpeed ​​​​Insights, pastikan anda mengosongkan cache penyemak imbas anda terlebih dahulu. Jika boleh, ia akan menjadi sempurna jika anda juga boleh memadam cache pelayan.

Bahagian 5: Menyemak pelayan dan pangkalan data

Di sini kami ingin menyemak lebih lanjut fungsi pelayan dan pangkalan data untuk menyasarkan peningkatan selanjutnya dalam kelajuan.

Tingkatkan had ingatan PHP

Mengapa ini penting?
Jika anda mempunyai banyak pemalam atau menggunakan imej besar atau tema yang kaya dengan ciri, anda mungkin kehabisan memori, yang boleh menyebabkan ralat dan kelembapan. Dengan memastikan had memori yang mencukupi, WordPress akan beroperasi dengan lebih stabil.

Prosedur Langkah

Panel Pelayan Xserver
Anda mungkin boleh menentukan had memori dalam "tetapan PHP" atau "tetapan PHP.ini" anda.
Dalam persekitaran saya, "tetapan php.ini" berada dalam panel pentadbiran pelayan X, jadi saya mengembangkan had memori daripada 1GB kepada 10GB. Kapasiti maksimum ialah 1536GB (1.5TB), jadi masih terdapat banyak ruang. (Anda boleh menyemak kapasiti memori maksimum dalam maklumat pelayan dalam panel pelayan.)

Tetapan dalam wp-config.php
- Terletak di lokasi yang berbeza daripada fail tema (terus di bawah akar WordPress) wp-config.php Bukanya dalam FTP atau pengurus fail.
·define( 'WP_MEMORY_LIMIT', '256M' ); Tambah pernyataan seperti di atas untuk meningkatkan had ingatan.

Tetapkan dalam php.ini atau .htaccess
Bergantung pada pelayan dan pelan php.ini.htaccess

php_value memory_limit 256M

(Untuk Xserver, kaedah yang paling biasa ialah memasukkan nilai terus ke dalam "tetapan php.ini" daripada panel pelayan.)

Jika anda meningkatkannya terlalu banyak, ia akan membebankan sumber keseluruhan pelayan.Sila laraskan mengikut keperluan. *Semak nilai had dalam maklumat pelayan pelayan sewaan.

Membersihkan pangkalan data (MySQL)

Mengapa ini penting?
WordPress digunakan untuk siaran, ulasan, tetapan pilihan, dll.Pangkalan Data MySQLdisimpan dalam. Pengumpulan semakan artikel, komen spam, dan data sementara lama menyebabkan pangkalan data mengembang, memperlahankan tapak.

Pembersih Pangkalan Data Lanjutan
Pembersih Pangkalan Data Lanjutan
Prosedur Langkah

Langkah 1: Pembersihan rutin plug-in

  1. Memperkenalkan WP-Optimize, Pembersih Pangkalan Data Lanjutan, WP-Sweep, dsb.
  2. Padamkan semakan yang tidak perlu dan komen spam, dan optimumkan data sampah.
  3. Adalah mudah untuk menyediakan jadual pembersihan automatik biasa (mis. seminggu sekali).
    *Pengarang menggunakan "Pembersih Pangkalan Data Lanjutan." Rujuk imej di atas dan semak data yang ingin anda padamkan, kemudian klik "Operasi Pukal" di bawah dan kemudian "Bersihkan" untuk memadamkannya.

Langkah 2: Pengoptimuman manual dalam phpMyAdmin

  1. Dalam panel pelayan Xserver, pergi ke skrin "phpMyAdmin" atau "MySQL Settings".
  2. Pilih pangkalan data sasaran dan semak jadual yang anda mahu "optimumkan".
  3. Jalankan operasi "Optimumkan Jadual" untuk menghapuskan pemecahan.

Langkah 6. Pasang "W3 Total Cache" WordPress

Ini bergantung pada pelayan, tetapi untuk tapak yang mempunyai banyak akses,Cache objek seperti Redis dan MemcachedAnda boleh mempercepatkannya lagi dengan menggunakan
Ia bukan ciri yang sering anda dengar, tetapi jika anda berminat, semaknya. Syaratnya ialah pelayan itu serasi dan pelan pelayan yang lebih tinggi mungkin menyokongnya.

Selain itu, jika anda memasang pemalam cache seperti "W3 Total Cache" ke dalam WordPress, anda boleh menggunakan fungsi cache yang tidak dapat dilengkapkan sepenuhnya oleh XPageSpeed ​​​​dan anda boleh menyasarkan peningkatan kelajuan sinergistik.

Di bawah ialah tetapan saya untuk pemalam ini sebagai rujukan.

W3 Jumlah Tetapan Cache 1

- Cache halaman/didayakan HIDUP
Kaedah/cakera cache halaman: dilanjutkan

W3 Jumlah Tetapan Cache 2

Mampatan/Dayakan MATI

W3 Jumlah Tetapan Cache 3

Tetapan dalam tab "Tetapan Lanjutan" di bawah item "Cache Halaman".

W3 Jumlah Tetapan Cache 4
W3 Jumlah Tetapan Cache 5

Tetapan dalam tab "Tetapan Lanjutan" di bawah item "Mampatan". Nyahtanda semua.

Tetapan kini selesai.
PS/Selepas itu, saya berhenti menggunakan pemalam kerana ralat paparan berlaku pada iPhone saya.
※Mematikan XPageSpeed ​​​​tidak membantu sama ada (menangis)
Saya harap langkah-langkah selebihnya membuahkan hasil...

7. Pramuat tetapan

Pramuat TetapanDengan meramalkan tindakan seterusnya pengguna dan memuatkan sumber terlebih dahulu,Sangat meningkatkan kelajuan yang dirasakanIa adalah satu teknik untuk mewujudkannya.
Sebagai contoh, dengan pramuat CSS, JavaScript, dsb. yang diperlukan apabila berpindah ke halaman seterusnya, halaman akan dipaparkan dengan lebih pantas apabila pengguna beralih ke halaman seterusnya.

Kod Pramuat

Tambahkan kod berikut pada tema anak anda:functions.phpSila tambah kod ke
Kod di bawah menyediakan untuk pramuat dua CSS dan dua fail JS. Sila gantikan nama dan laluan fail CSS dan JS dengan anda sendiri.

fungsi add_preload_links() {
// Fail CSS untuk pramuat
bergema ' ' . "\n";
bergema ' ' . "\n";

// Fail JS untuk pramuat
bergema ' ' . "\n";
bergema ' ' . "\n";
}
add_action('wp_head', 'add_preload_links');

Kod untuk menggunakan fail yang dipramuat

Mana-mana fail CSS atau JS yang dipramuat perlu dibariskan dan dimuatkan oleh WordPress seperti biasa.

Kod berikut juga terdapat dalam tema kanak-kanak.functions.phpSila tulis dalam *Sila pastikan anda menggunakan nama fail dan laluan anda sendiri.

fungsi enqueue_theme_scripts() {
// Muatkan fail CSS
wp_enqueue_style('customizer-style', get_template_directory_uri() . '/css/customizer-style.min.css', array(), '1.0.0', 'semua');
wp_enqueue_style('slick-style', get_template_directory_uri() . '/css/slick.min.css', array(), '1.0.0', 'semua');

// Muatkan fail JS
wp_enqueue_script('slick-script', get_template_directory_uri() . '/js/slick.min.js', array('jquery'), '1.0.0', true);
wp_enqueue_script('lozad-script', get_template_directory_uri() . '/js/lozad.min.js', array(), '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'enqueue_theme_scripts');

Ini melengkapkan pramuat fail.

Sekarang, mari kita beralih kepada langkah terakhir.

Petua 8. Ringankan fon anda

Fon mengambil masa yang sangat lama untuk dimuatkan. (Saiz fon ialah kira-kira 3MB dalam TTF...) Ia dianggap penting untuk ukuran ringan.Walau bagaimanapun, jika anda seorang pengguna pelayan X, fon web yang disediakan oleh pemalam "TypeSquare" direka untuk memuatkan dan memaparkan hanya fail aksara yang diperlukan, menjadikannya pantas untuk dipaparkan. Jadi saya sudah mendapat manfaat daripada ini. Fon yang digunakan ialah "Morisawa Shin Gothic," iaitu fon yang saya biasa gunakan dalam reka bentuk pengiklanan.

Jika anda menggunakan penyemak imbas moden, penyelesaian yang optimum ialah menggunakan fon woff2, dan saya telah beralih daripada TypeSquare kepada mereka.
Untuk menggunakan fon WOFF2 dalam WordPress,
1. Dapatkan fon
※contoh:https://fonts.google.com/specimen/M+PLUS+1p
*Jika anda hanya mempunyai TTF yang tersedia,サイトTukar kepada woff2 dengan
2. Muat naik fon ke pelayan sewaan
3. Tentukan dengan CSS
Langkah sedemikian adalah perlu. Di bawah adalah langkah-langkahnya.

Sediakan fail fon WOFF2

Fail fon Woff2 untuk digunakan (cth. MPLUS1p-Regular.woff2) dan (cth. MPLUS1p-Bold.woff2).
Muat naik fail fon anda menggunakan Pustaka Media WordPress atau FTP.

  • Direktori muat naik yang disyorkan:/wp-content/themes/your-theme/fonts/
  • Contoh URL untuk fail fon:https://your-site.com/wp-content/themes/your-theme/fonts/custom-font.woff2

Ia akan menjadi. Di atas adalah contoh kod, jadi sila gantikannya dengan laluan pelayan dan URL anda sendiri.

Apabila anda sudah bersedia, teruskan ke langkah seterusnya.
Berikut ialah CSS untuk menggunakan fon:

Menentukan fon dengan CSS

CSS@font-faceGunakan peraturan untuk memuatkan fon WOFF2.

Apabila menulis dalam CSS tambahan

  1. Dalam panel pentadbir WordPress, pergi ke "Penampilan" → "Sesuaikan" → "CSS Tambahan".
  2. Tambahkan kod berikut *Laluan fail boleh menjadi alamat yang bermula dengan http.
/* Muatkan fon */
@font-face {
font-family: 'MPLUS1p';
src: url('/fonts/MPLUS1p-Regular.woff2') format('woff2');
font-weight: 400;
gaya fon: biasa;
}

@font-face {
font-family: 'MPLUS1p';
src: format url('/fonts/MPLUS1p-Bold.woff2')('woff2');
font-weight: 700;
gaya fon: biasa;
}

badan {
font-family: 'MPLUS1p', sans-serif;
berat fon: 400 /* Biasa */
}

h1, h2, h3, h4, h5, h6 {
font-family: 'MPLUS1p', sans-serif;
berat fon: 700; /* Tebal */
}

Semak aplikasi fon

Anda boleh menyemak status pemuatan fon dan di mana ia digunakan dengan menggunakan alat pembangun penyemak imbas anda (kunci F12). Buka tapak anda dan semak sama ada fon digunakan dengan betul.

Ia juga mungkin untuk menukar fail TTF kepada fail woff2. Dalam sesetengah kes, ini mungkin lebih ringan.
Laman web penukaran fon

Format woff2 ialah format fon termampat untuk web, dan banyak fon diedarkan dalam format ini. Di bawah ialah beberapa fon Jepun perwakilan yang digunakan secara meluas dalam format woff2.

1. Saya perhatikan Sans JP

  • 特 徴: Fon yang dibangunkan bersama oleh Google dan Adobe. Moden, mudah dibaca dan serba boleh.
  • 用途: Tapak web, apl, bahan pembentangan, dsb.
  • Gaya: Terdapat banyak pemberat untuk dipilih, daripada nipis hingga tebal.
  • kelebihan: Ia menyokong berbilang bahasa, dengan reka bentuk bahasa Inggeris dan Jepun yang harmoni.

2. Noto Serif JP

  • 特 徴: Versi Serif Noto Sans JP. Ia memberikan kesan klasik dan tenang.
  • 用途: Sesuai untuk laporan, dokumen rasmi dan artikel membaca laman web.
  • Gaya: Reka bentuk yang sesuai untuk teks perenggan.

3. M PLUS Bulat 1c

  • 特 徴: Reka bentuk bulat mewujudkan suasana mesra.
  • 用途: Reka bentuk web pendidikan, kanak-kanak dan mesra pengguna.
  • kelebihan: Memberi kesan ringan dan mesra.

4. Kosugi / Kosugi Maru

  • 特 徴:
    • kosugi: Fon Gothic ringkas untuk keterlihatan tinggi.
    • Maru Kosugi: Fon gothic bulat memberikan kesan lembut.
  • 用途: Laman web umum, reka bentuk UI, blog.

5. Zen Kaku Gothic / Zen Maru Gothic

  • 特 徴: Fon Jepun moden yang memberikan keseimbangan yang baik antara keterlihatan dan reka bentuk.
  • 用途: Reka bentuk moden untuk tapak web dan aplikasi.
  • kelebihan: Menyokong berat berbilang, menjadikannya serba boleh dan mudah digunakan.

6. Sumber Han Sans

  • 特 徴: Fon berkualiti tinggi yang menyokong bahasa Jepun, dibangunkan bersama oleh Adobe dan Google.
  • 用途: Untuk situasi profesional dan projek berbilang bahasa.
  • kelebihan: Percuma untuk kegunaan komersial. Kemudahan membaca dan reka bentuk.

7. Bulat M+

  • 特 徴: Versi Gothic bulat fon M+. Ia mempunyai suasana yang lembut.
  • 用途: Reka bentuk web kasual, pendidikan dan hiburan.

Cari fon kegemaran anda dan jadikan tapak web anda lebih ringan.
Seperti yang dinyatakan pada permulaan, walaupun ia adalah fon TTF,laman web iniAnda boleh menukarnya kepada fon woff2 menggunakan

Apakah fon woff2?

WOFF2 ialah format fail fon yang merupakan versi yang lebih termampat bagi Format Font Terbuka Web (WOFF). Ia dibangunkan sebagai satu cara untuk mengurangkan saiz fail fon web, menjadikannya lebih cepat dimuatkan dan menggunakan jalur lebar yang lebih sedikit. WOFF2 memampatkan data fon menggunakan algoritma pemampatan yang dipanggil Brotli. Ini menghasilkan yang setara WOFF Saiz fail boleh menjadi jauh lebih kecil daripada fon. Format ini disokong oleh kebanyakan penyemak imbas web moden, termasuk Chrome, Firefox, Safari, Opera dan Edge (versi 14 dan lebih baharu).

Petikan:FAILFORMAT

Nah, itu menyimpulkan langkah mempercepatkan kami.
Saya ingin melihat sejauh mana ia lebih pantas.

Keputusan akhir

Ia mengujakan dan mendebarkan. Namun, jangan terlalu berharap.

Prestasi 88
skor PC
Prestasi 77
Skor telefon pintar

Ooooh! Skor telefon pintar telah meningkat dengan ketara! Saya pada asalnya berusia 52 tahun dan kini saya berumur 77 tahun, jadi saya sangat teruja. Skor PC saya menurun daripada 91 kepada 88, tetapi adakah ini berada dalam margin ralat? Memandangkan kami telah mengekalkan skor yang agak tinggi, kami akan membiarkan PC tidak terpakai buat masa ini.

Bagi telefon pintar, malangnya kami tidak dapat mencapai markah 80, tetapi kami masih berjaya mendapat markah yang baik iaitu 77, jadi saya rasa langkah yang kami ambil mempunyai tahap kesan tertentu. Walau bagaimanapun, purata LCP ialah 4.7 saat, jadi masih ada ruang untuk penambahbaikan. *LCP (Largest Contentful Paint) merujuk kepada masa yang diambil untuk kandungan utama halaman dimuatkan.
Saya gembira anda semua mendapat markah yang baik juga.

9. Langkah tambahan: Tetapan Cron

Ini mengenai pelayan X (saya rasa pelayan lain mempunyai fungsi yang sama), tetapi anda boleh meningkatkan kelajuan dengan mengubah sedikit item "Tetapan Cron".
Terdapat kemungkinan besar bahawa fungsi ini tersedia pada pelayan lain selain pelayan X, jadi sila cuba.
Dalam persekitaran saya, cerapan kelajuan halaman bertambah baik sebanyak 8 mata.

Cara Cron WordPress Lalai Berfungsi

  • Secara lalai, WordPress menggunakan sistem yang dipanggil "WP-Cron" untuk mengurus siaran berjadual, pemprosesan imej, kemas kini pemalam automatik dan banyak lagi.
  • Walau bagaimanapun, kerana mekanisme ini beroperasi "setiap kali tapak diakses," ia menjana beban tambahan tanpa mengira bilangan akses.

Kesan Muatan

  • Dalam kes blog peribadi, proses pengesahan yang tidak perlu mungkin dilakukan walaupun bilangan pelawat adalah rendah.
  • Muatan ini boleh terkumpul dan memberi kesan kepada kelajuan keseluruhan tapak anda, terutamanya dalam persekitaran pelayan kongsi seperti pelayan X.

Julat Kesan

  • Dengan melumpuhkan "WP-Cron" dan mengurus jadual dengan "Tetapan Cron" pada pelayan X, anda boleh menghapuskan pemprosesan yang tidak perlu dan mengharapkan untuk meningkatkan kelajuan paparan dan kecekapan sumber pelayan.
  • Malah blog dengan trafik rendah boleh mendapat manfaat daripada mengurangkan pembaziran sumber.

Langkah-langkah untuk menyediakan Cron pada pelayan X anda

Lumpuhkan WP-Cron

WordPresswp-config.phpMuat turun fail daripada pelayan FTP dan tambah kod berikut menggunakan penyunting teks seperti BBEdit.

define('DISABLE_WP_CRON', true);

Kod tersebut hendaklah disisipkan di atas kod yang tertera "/* Itu sahaja, berhenti mengedit! Selamat berblog. */".
Setelah anda selesai memasukkan maklumat, muat naik fail ke pelayan FTP dan tulis gantinya.

Mengakses pelayan X dan menetapkan Cron

Sila ambil perhatian bahawa penjelasan ini adalah untuk pelayan X. Saya tidak fikir ia akan jauh berbeza pada pelayan lain, jadi sila gunakan ini sebagai rujukan.

LANGKAH
Akses panel Pelayan.

Log masuk ke panel Pelayan X.

LANGKAH
Buka Tetapan Cron
  • Dari menu panel Pelayan "Tetapan Cron" pilih.
  • Buka skrin "Tambah tetapan Cron".
LANGKAH

LANGKAH

LANGKAH
Tambahkan kerja Cron baharu

Minit, jam, tarikh, bulan, hari dalam seminggu

  • Tetapkan selang pelaksanaan.
  • Contoh: Melaksanakan setiap jam
    • titik:0
    • Masa: Kosong (atau *)
    • Tarikh: Kosong (atau *)
    • Bulan: Kosong (atau *)
    • Hari dalam minggu: kosong (atau *)
    *"*" bermaksud "semua nilai."

Lajur arahan

  • Masukkan arahan berikut (laraskan laluan agar sesuai dengan persekitaran anda):
    Masukkan ID pelayan anda sebagai nama pengguna dan nama domain tapak anda sebagai nama domain (cth. mainoriti.com untuk tapak saya).
  • Setelah anda selesai memasukkan maklumat, klik "Teruskan ke skrin pengesahan" untuk melengkapkan proses.
php /home/username/domainname/public_html/wp-cron.php > /dev/null 2>&1

Sila pastikan tapak tersebut dipaparkan dengan betul. Jika tiada masalah, ukur kelajuan dengan Page Speed ​​​​Insights dan anda sudah selesai.

ま と め

Kali ini kami cuba mempercepatkan tapak sehingga kini kami tidak mengambil sebarang langkah berskala besar dan hanya melakukannya dengan helah kecil, jadi saya sangat gembira kerana kami melihat hasil sebenar kali ini.

Walau bagaimanapun, saya percaya masih ada ruang untuk penambahbaikan, jadi saya ingin mencubanya pada masa hadapan dengan mengambil kira pengenalan CDN. (Saya ragu bahawa CDN akan berkesan untuk tapak seperti kami...) Saya akan mengemas kini sekali lagi apabila perkara itu berlaku.
Sasarkan skor lebih 90 dengan Page Speed ​​​​Insights!

Imej Latar Belakang Profil
Tomo AribePereka/pengarah video pengiklanan
Saya seorang transgender yang sukakan alat dan mempunyai pengalaman selama 25 tahun dalam reka bentuk pengiklanan dan pengalaman selama 20 tahun dalam penghasilan video. Pada Februari 2021, beliau mula menjalankan blog semakan alat "Gadget Mania Z." Kami menyediakan maklumat tentang alat dengan reka bentuk dan fungsi yang sangat baik, dipilih daripada perspektif pencipta pengiklanan. Juga,Pilihan AmebaBeliau juga berkhidmat sebagai pakar bertauliah.Lihat artikel tentang Teg Pintar di sini.

Klik di sini untuk profil terperinci
E-mel (permintaan penulisan artikel, dsb.)
Lihat lebih banyak artikel oleh pengarang ini