Cara meningkatkan prestasi tema WordPress anda

Panduan Praktikal untuk Meningkatkan Prestasi Tema WordPress

mata teras

Prestasi tema WordPress dipengaruhi oleh bilangan permintaan HTTP, muat turun saiz sumber, dan kecekapan halaman. Mengurangkan faktor -faktor ini dapat meningkatkan prestasi dengan ketara.
Bagaimana untuk meningkatkan prestasi WordPress dengan cepat termasuk: tuan rumah perundingan, membolehkan pemampatan GZIP, membolehkan WordPress dan penyemak imbas caching, melumpuhkan plugin yang tidak digunakan, mengeluarkan sumber yang tidak perlu, dan menggantikan butang media sosial.
Gambar adalah sebab utama laman web kembung. Dengan mengeluarkan atau menggantikan imej yang tidak perlu, menggunakan format yang betul, menyesuaikan saiz imej bitmap yang besar, memaksimumkan pemampatan imej dan mencapai pemuatan malas, berat halaman dapat dikurangkan dengan ketara dan prestasi dapat ditingkatkan.
Penyelesaian yang lebih teliti termasuk: mengamalkan proses membina, memandangkan teknologi aplikasi web progresif, mengelakkan kod pihak ketiga, dengan teliti menilai tema WordPress, mempermudah laman web, dan mempertimbangkan prestasi dari awal.

Artikel ini adalah sebahagian daripada siri artikel yang dibuat dengan kerjasama SiteGround. Terima kasih kerana menyokong rakan kongsi yang membuat SitePoint mungkin.

Pada bulan Mei 2017, berat halaman purata mencapai 2884KB. Laporan penyelidikan Google DoubleClick menunjukkan bahawa masa pemuatan purata pada peranti mudah alih adalah 19 saat. Walau bagaimanapun, prestasi lebih penting daripada sebelumnya:

Kekecewaan Pengguna:
• Pengguna tidak akan menunggu. Penyelidikan Kumpulan Aberdeen menunjukkan bahawa setiap kelewatan kedua boleh membawa kepada: paparan halaman menurun sebanyak 11%
  • kepuasan pengguna menurun sebanyak 16%
  • Kadar penukaran menurun sebanyak 7%
Terminal mudah alih:
• Akaun akses mudah alih untuk 55% daripada semua trafik rangkaian. Kedua -dua keupayaan peranti dan jalur lebar semakin meningkat, tetapi kelajuan tidak mengekalkan kadar pertumbuhan berat halaman. Pengguna biasanya membayar dengan bait.
Peringkat Enjin Carian:
• Google menghukum loading lambat, laman web kelas berat.
Kos Hos:
• Adalah munasabah untuk bekerja dengan syarikat -syarikat seperti SiteGround untuk menjadi tuan rumah, tetapi laman web kelas berat menggunakan lebih banyak sumber dan kos lebih daripada alternatif yang diperkemas.
Penyelenggaraan:
• Lebih banyak sumber yang diperlukan oleh laman web anda, semakin tinggi kos penyelenggaraan. Akhirnya, laman web yang perlahan akan menelan belanja anda dan pengguna anda. Lain kali bos anda meminta untuk menambah ciri -ciri yang tidak perlu, sila ingatkan mereka tentang kebenaran mudah ini!
Sebaik -baiknya, anda harus mempertimbangkan prestasi sebelum menulis baris pertama kod. Walau bagaimanapun, anda mungkin membaca artikel ini kerana terdapat masalah prestasi dengan topik anda. Nasib baik, terdapat beberapa penyelesaian kos efektif untuk masalah ini tanpa sebarang kelemahan. Setiap milisaat yang disimpan akan mengurangkan kos anda sambil meningkatkan kepuasan pengguna, penglibatan dan pendapatan.

faktor yang mempengaruhi prestasi

Prestasi dipengaruhi oleh faktor -faktor berikut:

1. bilangan permintaan HTTP
2. Muat turun Saiz Sumber
3. Kecekapan Page

Bilangan permintaan HTTP bergantung kepada bilangan fail dan panggilan AJAX yang diperlukan untuk membuat halaman anda berfungsi: HTML, CSS, JavaScript, Images, Font, Data, dan semua sumber lain. HTTP/2 menyelesaikan masalah ini, tetapi kedua -dua pelayan dan penyemak imbas pengguna mesti dikonfigurasi untuk membolehkan sokongan. Walaupun dengan HTTP/2, dua puluh permintaan fail masih tidak berkesan seperti sepuluh. Faktor utama ialah saiz setiap fail.

Untuk menggambarkan ini, 2884KB adalah 20% lebih besar daripada versi asal Doom dari perisian ID. Memang, kami membandingkan laman web moden untuk permainan dari 25 tahun yang lalu, tetapi kebanyakan halaman menunjukkan hanya beberapa perenggan, sementara Doom melaksanakan enjin 3D, pelbagai peringkat, grafik, muzik dan kesan bunyi. Malah halaman yang agak ringan boleh tidak cekap. Sebagai contoh, jika laman web tiga halaman anda bergantung pada kerangka 500kb JavaScript, kod tersebut mesti dimuat turun, dihuraikan, dan dilaksanakan sebelum anda melihat watak pertama. Walaupun jumlah saiz sumber melebihi 500kb, pelayan yang diberikan fail HTML akan mula memaparkan sebelum dimuatkan sepenuhnya. Akhirnya, kelajuan pelayan, mampatan, dan caching juga merupakan pertimbangan penting lain.

Ukur Prestasi

Mengukur prestasi adalah penting untuk mengenal pasti kesesakan dan memastikan bahawa kemas kini anda telah meningkatkan halaman. Alat berikut memberikan pecahan permintaan dan masa tindak balas dan cadangan kemas kini:

• pingdom
• Google Pagespeed Insights
• Gtmetrix
• WebpageTest

Tab Rangkaian Alat Pemaju Pelayar juga menyediakan maklumat mengenai susun atur dan berapa lama masa yang diperlukan untuk halaman bersedia untuk bertindak balas terhadap acara pengguna.

Fast Win

Kemas kini berikut tidak boleh mengambil lebih dari beberapa minit- anda tidak mempunyai alasan!

hubungi hos web anda

Hos web yang baik akan menganalisis penggunaan anda dan memberi nasihat mengenai peningkatan perkhidmatan, perkakasan dan perisian. Ini dapat memberikan peningkatan prestasi kos efektif dengan usaha yang minimum. SiteGround rakan kongsi kami mempunyai pasukan pakar WordPress yang proaktif dan berpengetahuan yang gembira dapat membantu anda menyelesaikan masalah ini. SiteGround menawarkan pelbagai rancangan WordPress, dan pengguna SitePoint dapat menikmati sehingga 65%.

Dayakan pemampatan gzip

Hampir 30% laman web gagal membolehkan pemampatan GZIP. Ini biasanya boleh diaktifkan dalam tetapan pelayan web atau dalam plugin WordPress seperti WP HTTP Mampatan dan Cache Jumlah W3.

Dayakan cache WordPress

Terdapat beberapa plugin WordPress yang menjadikan halaman dan menyimpannya dalam cache permintaan pertama mereka. Permintaan seterusnya mendapatkan halaman ini dari cache dan bukannya kandungan pangkalan data semula dalam templat. Pemalam cache termasuk cache total W3, cache super WP, cache hiper, cache terpantas WP, dan pemboleh cache. Penyedia hosting anda mungkin dapat membolehkan caching untuk anda. SiteGround rakan kongsi kami mempunyai alat caching tersuai yang boleh mempercepatkan laman web anda.

Dayakan penyemak imbas Caching

Jika pengguna cache sumber melalui penyemak imbas, pengguna tidak perlu memuat turun sumber lagi. Penyelesaian mudah termasuk menetapkan header tamat tempoh yang sesuai, tarikh yang diubah suai terakhir atau mengambil ETAGS dalam tajuk HTTP. Contohnya. Htaccess memerlukan penyemak imbas untuk imej cache selama satu bulan:

<code><ifmodule mod_expires.c="">
ExpiresActive On

<filesmatch>
ExpiresDefault "access plus 1 month"
</filesmatch></ifmodule></code>

Lumpuhkan plugin yang tidak digunakan

Kebanyakan plugin akan menambah kod ke laman web anda, seperti CSS tambahan atau JavaScript, walaupun anda tidak menggunakannya. Pentadbir WordPress boleh melumpuhkan plugin dari Panel Kawalan WordPress, atau mereka boleh mengeluarkan kod plugin sepenuhnya jika mereka pasti plugin tidak akan digunakan.

Padam sumber yang tidak perlu

Adakah templat anda benar -benar memerlukan lima belas fon? Adakah anda telah menambah tujuh sistem analisis? Adakah widget pihak ketiga perlu? Adakah anda perlu memaparkan iklan dari lima puluh rangkaian iklan? Adakah anda memerlukan banyak perpustakaan JavaScript? Bolehkah anda mengganti animasi JavaScript dengan kesan CSS3? Bersihkannya dan keluarkan apa sahaja yang anda tidak perlukan.

Ganti butang rangkaian sosial

Adakah butang saham Facebook, Twitter, Google dan LinkedIn di halaman anda? Walaupun mereka kelihatan tidak berbahaya, mereka boleh menambah beratus-ratus KB JavaScript pihak ketiga ke halaman anda. Ini adalah risiko keselamatan yang kembung yang boleh menjejaskan prestasi. Kod pihak ketiga tidak perlu-anda boleh menambah butang sosial bebas lemak ke halaman anda menggunakan beberapa baris HTML. Sebilangan kecil JavaScript dapat meningkatkan pengalaman menggunakan pop timbul atau menggunakan penggunaan log penjejakan acara di Google Analytics.

Gabungkan dan memampatkan JavaScript dan CSS

Membubarkan fail JavaScript dan CSS ke dalam modul berasingan semasa pembangunan boleh dilaksanakan. Walau bagaimanapun, sebelum menganjurkan fail individu pada pelayan pengeluaran, fail -fail ini harus digabungkan dan dimampatkan untuk mengeluarkan komen dan ruang. (Perhatikan bahawa fail wordpress wordpress anda mesti mengekalkan butiran topik di bahagian atas, jika tidak, ia akan pecah!)

memproses imej anda

Imej adalah sebab terbesar untuk laman web kembung. Memadam imej resolusi tinggi 500kb tunggal dapat mengurangkan berat badan dan muat turun sebanyak 25% atau lebih.

Padam atau ganti imej yang tidak perlu

Saya yakin bahawa wira itu cantik dan sesuai dengan imej jenama, tetapi adakah ia menyebabkan anda kehilangan pelanggan? Semua atau sebahagian imej boleh digantikan dengan kecerunan CSS3, sempadan, penapis, atau kesan lain.

Gunakan format imej yang betul

Sentiasa gunakan format imej yang sesuai. Secara umumnya:

• Gunakan SVG untuk logo vektor dan carta
• Gunakan jpg untuk foto
• Gunakan PNG untuk segala yang lain
• Tetapi untuk warna atau imej yang lebih kecil, terhad dengan animasi, pertimbangkan untuk menggunakan GIF.

Terdapat format lain, seperti WEBP, tetapi sokongan penyemak imbas adalah terhad. Jika ragu -ragu, cuba semua pilihan yang sesuai dan pilih yang terbaik. Tetapi sila ambil perhatian:

• JPG adalah format lossy yang menghilangkan butiran pada kadar mampatan yang lebih tinggi. Cari tradeoff terbaik antara kualiti dan saiz fail untuk setiap imej.
• PNG boleh didapati dalam kategori warna 256 dan 24-bit. Versi warna 256 biasanya menghasilkan fail yang lebih kecil.
• png dan gif kedua -duanya memberikan ketelusan. Matikan ketelusan sebanyak mungkin untuk menyelamatkan lebih banyak bait.

saiz gambar bitmap besar

imej yang diambil oleh kamera asas atau telefon terlalu besar untuk dipaparkan pada mana -mana peranti. WordPress menawarkan pilihan untuk mengubah saiz, tetapi untuk hasil terbaik, editor harus menanam dan mengubah saiz sebelum memuat naik. Saiz imej tidak boleh melebihi saiz maksimum bekasnya. Pengguna yang menggunakan paparan ketumpatan tinggi/retina mungkin menghargai imej resolusi yang lebih tinggi, tetapi anda boleh menggunakan atribut SRCSET yang ditandakan IMG untuk memberikan alternatif. Saiz semula imej boleh memberi kesan yang signifikan ke atas berat halaman. Mengurangkan saiz sebanyak 50% akan mengurangkan jumlah kawasan sebanyak 75%, dengan itu meningkatkan saiz fail dengan sewajarnya.

memaksimumkan pemampatan imej

Anda boleh mengurangkan saiz imej bitmap dengan memadamkan metadata, mengurangkan kedalaman warna, dan menyesuaikan pekali mampatan. Plugin WordPress seperti WP SMUSH, EWWW Image Optimizer, Imagify, Kraken Image Optimizer, Shortpixel Image Optimizer, dan CW Image Optimizer boleh mengendalikan proses ini untuk anda. Untuk hasil yang terbaik, imej perlu diproses sebelum memuat naik. Pilihan perisian termasuk OptiPNG, PNGOUT, JPEGTRAN dan JPEGPTIM. Pengguna Windows boleh cuba menggunakan rusuhan yang sangat baik. Sebagai alternatif, anda boleh menggunakan alat dalam talian seperti tinypng/tinyjpg. Imej SVG boleh dimampatkan dengan nilai pembulatan kepada digit perpuluhan yang lebih sedikit, memudahkan laluan, dan mengeluarkan komen, sifat, dan ruang yang tidak perlu dari XML. Editor SVG anda harus mempunyai pilihan untuk memampatkan fail, atau anda boleh menggunakan alat seperti editor SVG dan SVGO. Anda juga boleh memindahkan arahan gaya ke CSS.

Melaksanakan pemuatan malas

Akhirnya, teknik pemuatan malas memastikan bahawa imej dimuat turun hanya jika kotak yang mengandunginya dapat dilihat dalam viewport. Plugin WordPress yang melaksanakan beban malas termasuk beban malas, jQuery imej malas beban WP, beban malas bj, beban malas roket, beban malas, dan beban malas untuk video. Sumber -sumber lain:

• Lima teknik pemuatan latensi imej untuk meningkatkan prestasi laman web
• Cara Membina Loader Imej Progresif Anda Sendiri

penyelesaian yang lebih teliti

Jika subjek anda masih berlebihan berat badan, anda boleh mempertimbangkan rejimen diet yang lebih sengit ...

menggunakan proses pembinaan

Proses membina secara automatik boleh mengoptimumkan imej dan menggabungkan dan memampatkan fail CSS dan JavaScript. Anda boleh mengamalkan proses membina Gulp untuk tema WordPress anda, yang dapat menjimatkan jam kerja, meningkatkan prestasi halaman, dan membuat pembangunan lebih menyeronokkan.

Pertimbangkan teknologi aplikasi web progresif

Teknologi Aplikasi Web Progresif membolehkan aplikasi web berfungsi di luar talian dengan caching sumber asas dan umum. Walaupun ini sering digunakan untuk aplikasi, anda boleh mengubah laman web anda menjadi aplikasi web yang progresif dan menikmati manfaat pemuatan cepat dan operasi luar talian.

Elakkan kod pihak ketiga

Adakah anda akan memberikan kebenaran tanpa had untuk mengakses kod laman web anda kepada pemaju yang tidak diketahui? Tidak akan? Jadi mengapa mempercayai widget pihak ketiga seperti butang perkongsian media sosial dan forum perbincangan? Walaupun widget ini jarang berkompromi dengan keselamatan, anda harus menyemak sumber tersembunyi yang mereka muat dan menilai kesan terhadap prestasi.

carely menilai tema wordpress

Tema WordPress Percuma dan Komersial Membuat rasa kewangan. Mengapa menyewa pemaju apabila tema siap sedia memenuhi semua keperluan anda untuk beberapa dolar? Tetapi berhati -hati dengan kos tersembunyi. Templat sejagat mesti dijual beribu -ribu salinan sebelum usaha pembangunan dapat dipulihkan. Untuk menarik pembeli, pemaju membungkus banyak ciri yang anda tidak perlu. Semak satu: Adakah tema kelihatan baik? Semak 2: Bagaimanakah tema berfungsi pada pelbagai peranti dan rangkaian? Lihat juga: 10 Ciri -ciri tema WordPress Advanced.

Memudahkan laman web anda

Satu trend adalah untuk bergerak ke arah pengalaman dalam talian yang lebih mudah, diselaraskan, dan lebih banyak pelanggan. Ini mungkin lebih sukar daripada bunyi, tetapi hari -hari lama memberikan semua ciri yang boleh dibayangkan kepada semua pengguna sudah berakhir. Sama ada anda boleh meyakinkan bos/pelanggan anda adalah perkara lain!

Tukar gaya hidup pembangunan anda

siapa yang harus bertanggungjawab untuk laman web yang mencapai 2.8MB? Ini kita. Alasan dan bagaimana laman web menjadi kembung tidak penting -pemaju membuatnya berlaku. Pembangunan pesat dan pemotongan kos masih penting, tetapi keseluruhan prosesnya sia -sia apabila ia membawa kepada laman web perlahan dan kekok yang tidak ada yang mahu digunakan. Pelanggan/bos anda mungkin tidak memahami isu -isu teknikal, tetapi anda harus menjelaskan akibatnya. Prestasi dipertimbangkan dari awal lagi. Seperti kandungan, SEO, kebolehgunaan, dan kebolehcapaian, prestasi tidak boleh diabaikan! Mewujudkan tema WordPress yang cepat adalah sukar, tetapi "menambah" prestasi kemudian lebih sukar dan lebih mahal.

Cadangan lain:

Sangat mudah dilupakan mengenai jalur lebar apabila anda membangunkan sambungan 200Mbps yang cepat. Hadkan sambungan atau cuba memuatkan laman web anda di kawasan dengan isyarat yang lemah. Jika anda berasa kecewa, pengguna anda juga akan berasa kecewa!
Pertimbangkan berat halaman dan tanya setiap sumber yang ditambah kepada topik tersebut. Pertimbangkan strategi "penarafan", sebagai contoh, jika anda menambah 20kb fon, anda perlu menyimpan 20kb dari tempat lain.

Laman prestasi yang tidak baik telah menjadi wabak, tetapi jelas bahawa beberapa pemaju prihatin mengenainya. Mereka yang peduli akan mendapat lebih banyak pelawat, kadar penukaran yang lebih tinggi dan gaji yang lebih tinggi!

soalan yang sering ditanya mengenai peningkatan prestasi tema WordPress

Bagaimana untuk mengoptimumkan tema WordPress saya untuk prestasi yang lebih baik?

Mengoptimumkan tema WordPress untuk prestasi yang lebih baik melibatkan pelbagai langkah. Pertama, pilih tema ringan yang direka untuk kelajuan. Elakkan menggunakan topik yang mempunyai ciri -ciri yang anda tidak perlukan kerana ciri -ciri ini akan melambatkan laman web anda. Kedua, gunakan plugin cache yang baik. Ini akan menyimpan versi laman web anda di pelayan dan memberikannya kepada pelawat, mengurangkan jumlah kerja yang perlu dilakukan oleh pelayan. Ketiga, mengoptimumkan imej anda. Imej besar, resolusi tinggi boleh melambatkan laman web anda, jadi gunakan plugin pengoptimuman imej untuk mengurangkan saiz imej tanpa kehilangan kualiti.

Soalan Lazim apa yang boleh menyebabkan laman web WordPress saya melambatkan?

Terdapat beberapa masalah biasa yang boleh menyebabkan laman web WordPress melambatkan. Isu -isu ini termasuk penyedia hosting perlahan, tiada penggunaan rangkaian pengedaran kandungan (CDNs), plugin yang berlebihan, imej besar, dan tidak menggunakan plugin cache. Adalah penting untuk kerap memantau prestasi laman web anda dan menyelesaikan sebarang isu yang timbul.

Bagaimana memilih tema WordPress yang cepat?

Apabila memilih tema WordPress, cari ringan dan direka untuk kelajuan. Elakkan menggunakan tema dengan banyak ciri yang anda tidak perlukan kerana ini akan melambatkan laman web anda. Juga, periksa penilaian dan komen untuk topik untuk melihat sama ada pengguna lain menghadapi masalah dengan kelajuan mereka.

cdn Bagaimana untuk meningkatkan prestasi laman web WordPress saya?

CDN (rangkaian pengedaran kandungan) dapat meningkatkan prestasi laman web WordPress. Ia berfungsi dengan menyimpan salinan laman web anda di pelayan di seluruh dunia. Apabila pengguna melawat laman web anda, CDN melayani kandungan dari pelayan yang paling dekat dengan mereka, mengurangkan masa yang diperlukan untuk memuatkan kandungan.

Bagaimana untuk mengoptimumkan imej di laman web WordPress?

Anda boleh mengoptimumkan imej di laman web WordPress anda dengan menggunakan plugin Pengoptimuman Imej. Plugin ini mengurangkan saiz imej tanpa kehilangan kualiti, yang dapat meningkatkan masa pemuatan laman web. Anda juga boleh mengoptimumkan imej secara manual sebelum memuat naiknya dengan mengurangkan resolusi mereka atau memampatkannya.

Bagaimana terlalu banyak plugin mempengaruhi prestasi laman web WordPress saya?

Walaupun plugin boleh menambah ciri berguna ke laman web WordPress, terlalu banyak plugin boleh melambatkan laman web. Setiap plugin akan menambah beberapa kod yang mesti dimuat oleh laman web anda, yang akan meningkatkan masa pemuatan. Adalah penting untuk menggunakan hanya plugin yang anda perlukan dan kerap memeriksa dan memadam mana -mana plugin yang anda tidak perlukan lagi.

Bagaimana untuk memantau prestasi laman web WordPress saya?

Anda boleh menggunakan pelbagai alat untuk memantau prestasi laman web WordPress anda. Alat ini termasuk Google Pagespeed Insights, Gtmetrix, dan Pingdom. Alat ini dapat memberikan pandangan yang berharga mengenai prestasi laman web anda dan mengenal pasti sebarang isu yang perlu ditangani.

Bagaimanakah pembekal hosting yang perlahan mempengaruhi prestasi laman WordPress saya?

Penyedia hosting anda memainkan peranan penting dalam prestasi laman web WordPress anda. Jika penyedia hosting anda mempunyai pelayan yang perlahan, laman web anda juga akan lambat. Adalah penting untuk memilih penyedia hosting yang menyediakan perkhidmatan yang cepat dan boleh dipercayai.

Bagaimana untuk mengurangkan bilangan permintaan HTTP di laman web WordPress?

Mengurangkan bilangan permintaan HTTP di laman web WordPress boleh meningkatkan masa pemuatannya. Ini boleh dilakukan dengan menggabungkan fail CSS dan JavaScript, menggunakan imej sprite, dan mengurangkan bilangan jawatan yang dipaparkan pada halaman.

Bagaimana menggunakan cache penyemak imbas untuk meningkatkan prestasi laman web WordPress?

Caching penyemak imbas dapat meningkatkan prestasi laman web WordPress anda dengan menyimpan versi laman web anda dalam penyemak imbas pengguna. Ini bermakna apabila pengguna mengkaji semula laman web anda, ia lebih cepat kerana penyemak imbas tidak perlu memuat turun semuanya lagi. Anda boleh mengaktifkan caching penyemak imbas dengan menggunakan plugin cache atau dengan menambah kod ke fail .htaccess.

Atas ialah kandungan terperinci Cara meningkatkan prestasi tema WordPress anda. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!