Bandingkan kecepatan tampilan situs dari plug-in penyorot sintaks dan tipe pustaka 5 tipe
Penyorot Sintaks: plugin dan pustaka untuk melihat kode sumber
Saat Anda bertanya-tanya penyorot sintaks mana yang akan digunakan di WordPress
・Menjadi berat saat plug-in diinstal
・Penyorot bernama ○○○ terlalu berat, jadi saya beralih ke plug-in lain.
・Hal-hal yang menggunakan pustaka JS dan CSS sangat ringan
Saya telah melihat informasi tentang itu dari waktu ke waktu.Saya mengukur seberapa besar perubahan kecepatan tampilan yang sebenarnya antara plugin dan perpustakaan, dan seberapa besar perbedaannya tergantung pada plugin.
Menampilkan daftar target perbandingan kecepatan
- Penyorot tidak dipasang
- Prisma(Perpustakaan)
- Penyorot Sintaks Prisma(Versi plugin perpustakaan Prismjs)
- Penyorot Sintaks Krayon(Plugin)
- Penyorot Sintaks Mivhak(Plugin)
Setiap fitur dirangkum di bawah ini.
https://insilico-notebook.com/wp-highlighter-list/
Metode pengukuran
Layanan berikut digunakan untuk membandingkan kecepatan bongkar halaman web.
PageSpeed Insight: Alat pengukuran kinerja web yang disediakan oleh Google
GTmetrix: Situs yang menampilkan kecepatan dan peningkatan tampilan
Lingkungan
Server: standar mixhost
Ruang disk - SSD 150GB
CPU, CPU server host: Virtual 3 core, Xeon 24 core 48 thread
Memori, Memori server host: 4GB, 256GB
Tema Wordpress:kepompong
Cocoon menerapkan Highlight.js sebagai standar, jadi tidak dapat dikatakan bahwa penyorot tidak dipasang secara ketat, tetapi saya memutuskan untuk mengukur penundaan berdasarkan perbedaannya.
结果
| PageSpeed Insight | GTmetrix | |||
| Mobile | PC | Tingkat Kecepatan Halaman | Kelas lambat | |
| Penyorot tidak dipasang | 82.5 | 100 | 89 | 76 |
| perpustakaan Prismjs | 82 | 100 | 89 | 76 |
| Penyorot Prisma | 81 | 100 | 89 | 76 |
| Penyorot krayon | 76.5 | 99 | 88 | 75 |
| Penyorot Mivhak | 71.5 | 99 | 87 | 75 |
PageSpeed Grade GTmetrix dan Yslow Grade masing-masing mengukur hasil pengukuran kecepatan situs layanan Google dan Yahoo (Gtmetrix's PageSpeed Grade adalah evaluasi komprehensif dari hasil PageSpeed Insight).Semua hasil adalah nilai rata-rata dari dua pengukuran.
Melihat ponsel, Anda dapat melihat bahwa skor kecepatan tampilan memburuk dalam urutan jenis perpustakaan, diikuti oleh plug-in yang ringan dan plug-in yang berat.Namun, sepertinya hampir tidak ada perbedaan saat berpikir di PC.
Jika mengacu pada kodenya, menurut saya kebanyakan orang mengaksesnya dari PC.Bergantung pada rasio akses seluler dan PC, mungkin tidak perlu terlalu sensitif terhadap plug-in.