So sánh tốc độ hiển thị trang web của plug-in đánh dấu cú pháp và loại thư viện 5 loại
Công cụ đánh dấu cú pháp: plugin và thư viện để xem mã nguồn
Khi bạn đang tự hỏi nên sử dụng công cụ đánh dấu cú pháp nào trong WordPress
・Nó trở nên nặng nề khi cài đặt plug-in
・Công cụ đánh dấu có tên ○○○ quá nặng nên tôi đã chuyển sang một trình cắm khác.
・Những thứ sử dụng thư viện JS và CSS đặc biệt nhẹ
Tôi đã thấy thông tin về nó theo thời gian.Tôi đã đo tốc độ hiển thị thực tế thay đổi bao nhiêu giữa plugin và thư viện và mức độ khác nhau tùy thuộc vào plugin.
Hiển thị danh sách mục tiêu so sánh tốc độ
- Công cụ đánh dấu chưa được cài đặt
- lăng kính(Thư viện)
- Công cụ tô sáng cú pháp lăng kính(Phiên bản plugin của thư viện Prismjs)
- Bút đánh dấu cú pháp Crayon(Cắm vào)
- Công cụ đánh dấu cú pháp Mivhak(Cắm vào)
Mỗi tính năng được tóm tắt dưới đây.
https://insilico-notebook.com/wp-highlighter-list/
Phương pháp đo
Các dịch vụ sau được sử dụng để so sánh tốc độ tải của các trang web.
Thông tin chi tiết về tốc độ trang: Công cụ đo lường hiệu suất web do Google cung cấp
GTmetrix: Một trang web xuất ra tốc độ hiển thị và các cải tiến
Môi trường
Máy chủ: tiêu chuẩn mixhost
Dung lượng đĩa - SSD 150GB
CPU, CPU máy chủ: Virtual 3 nhân, Xeon 24 nhân 48 luồng
Bộ nhớ, Bộ nhớ máy chủ: 4GB, 256GB
Chủ đề wordpress:cái kén
Cocoon đã triển khai Highlight.js theo tiêu chuẩn, vì vậy không thể nói rằng công cụ đánh dấu không được cài đặt nghiêm ngặt, nhưng tôi quyết định đo lường độ trễ bằng sự khác biệt.
結果
| Thông tin chi tiết về tốc độ trang | GTmetrix | |||
| Di động | Máy tính cá nhân | Cấp tốc độ trang | Lớp yslow | |
| Công cụ đánh dấu chưa được cài đặt | 82.5 | 100 | 89 | 76 |
| thư viện Prismjs | 82 | 100 | 89 | 76 |
| Công cụ tô sáng lăng kính | 81 | 100 | 89 | 76 |
| Bút dạ quang | 76.5 | 99 | 88 | 75 |
| Phấn bắt sáng Mivhak | 71.5 | 99 | 87 | 75 |
GTmetrix's Page Speed Grade và Yslow Grade lần lượt định lượng kết quả của các dịch vụ đo tốc độ trang web của Google và Yahoo (Gtmetrix's PageSpeed Grade là đánh giá toàn diện kết quả của PageSpeed Insight).Tất cả các kết quả là giá trị trung bình của hai lần đo.
Nhìn vào thiết bị di động, bạn có thể thấy điểm tốc độ hiển thị giảm dần theo thứ tự loại thư viện, tiếp theo là plug-in nhẹ và plug-in nặng.Tuy nhiên, có vẻ như hầu như không có sự khác biệt khi nghĩ trên PC.
Khi đề cập đến mã, tôi nghĩ rằng hầu hết mọi người truy cập nó từ PC.Tùy thuộc vào tỷ lệ truy cập trên thiết bị di động và PC, có thể không cần quá nhạy cảm với các trình cắm.