Công cụ

WP2Static – một chiều hướng mới trong việc cải thiện hiệu suất, tốc độ WordPress

Bởi

Thời gian gần đây tôi phát hiện một plugin mới có tên WP2Static giúp đỡ rất nhiều trong việc cải thiện tốc độ website sử dụng WordPress. Ý tưởng lõi thì không mới chút nào nhưng nó được thiết kế với vài điều chỉnh mà tôi nghĩ có thể rất phù hợp trong một số kiểu trang web. Ý tưởng vẫn thế thôi: sử dụng trang web tĩnh để cải thiện tốc độ website, nhưng ở đây thay vì sử dụng plugin cache kiểu LiteSpeed cache, WP-Rocket thì plugin này biến website thành tĩnh hoàn toàn. Khác biệt ở đâu? …

Đọc thêm

Cách inline ảnh sử dụng Base64/SVG trong WordPress

Bởi

Một trong các mục tiêu chính của tôi trong việc tối ưu hóa tốc độ website là cải thiện First Contentful Paint và First Meaningful Paint, làm cho nội dung thuộc màn hình đầu tiên hiển thị nhanh nhất có thể. Lý tưởng nhất, trình duyệt nên có khả năng render và style nội dung thuộc màn hình đầu tiên (above fold content) với số lượng ít nhất các yêu cầu HTTP. Tạo critical CSS, cộng với trì hoãn tải JavaScript và CSS rất có ích trong chuyện này. Một trong các kỹ thuật tương tự mà tôi dùng để …

Đọc thêm

Cách đọc hiểu bảng Waterfall trong phân tích tốc độ website

Bởi

Tóm tắt: Bài viết này sẽ giúp bạn học cách biết ý nghĩa của từng thành phần trong bảng Waterfall và mối liên hệ của nó với tốc độ website. Là người mới tham gia vào lĩnh vực tối ưu tốc độ trang web, đọc bảng Waterfall (*) có thể là điều mà bạn cảm thấy quá sức khó hiểu – thậm chí còn có cảm giác sợ hãi khi mới nhìn qua lần đầu. Trong phần mở đầu của chuỗi bài viết về bảng Waterfall, bạn sẽ được tìm hiểu ý nghĩa của từng thanh (bar), dòng (line), và …

Đọc thêm

Quicklink và Instant.page và tại sao tôi xây dựng plugin Flying Pages

Bởi

Khi mọi người tò mò hỏi rằng tôi có bí mật gì không mà blog của tôi lại tải nhanh như vậy (blog của tác giả gốc: wpspeedmatters[.]com), tôi trả lời họ đó là nhờ “Quicklink”. Nếu bạn ở trong nhóm WP Speed Matters trên Facebook, bạn có thể để ý là tôi đề xuất sử dụng Quicklink cho tất cả mọi người. Quicklink là gì? Tải trang tiếp theo nhanh hơn nhờ prefetch liên kết trong viewport (khung nhìn) khi trình duyệt rảnh rỗi Quiclink là một file JavaScript nhỏ bé có khả năng phát hiện các liên kết …

Đọc thêm

Hướng dẫn sử dụng Pingdom để kiểm tra tốc độ website

Bởi

Trước khi đo vào chi tiết, bạn nên đọc bài viết này: Tại sao điểm số Google PageSpeed, Pingdom và GTmetrix lại không quan trọng. Tốc độ website là yếu tố rất quan trọng, đặc biệt là với các website thương mại điện tử, khi mà chỉ nửa giây hoặc một giây giảm được có thể khiến bạn có lời thay vì lỗ vốn. Hôm nay tôi sẽ hướng dẫn các bạn sử dụng công cụ Pingdom để kiểm tra tốc độ website, nó nằm trong nhóm công cụ hàng đầu về lĩnh vực này. Trước tiên bạn vào trang …

Đọc thêm