Khi bạn phân tích trang thông qua công cụ Google PageSpeed Insights, bạn có thể thấy lỗi như thế này về “Loại bỏ CSS không sử dụng / Remove unsued CSS”:
Các file CSS là loại tài nguyên chặn hiển thị: chúng phải được tải xuống (load) và xử lý (process) trước khi trình duyệt render trang. Trang web bao gồm lượng lớn các style không cần thiết có thể mất nhiều thời gian để render.
Khu vực Opportunities (cơ hội) của báo cáo Lighthouse sẽ liệt kê tất cả các stylesheets gồm CSS không sử dụng với tiềm năng tiết kiệm được từ 2 KB trở lên. Loại bỏ CSS không sử dụng giúp giảm lượng bytes không cần thiết…
Khu vực cơ hội (opportunities) của báo cáo Lighthouse liệt kê tất cả các URL chặn hiển thị cho màn hình đầu tiên. Mục tiêu là giảm ảnh hưởng của các URL chặn hiển thị (render-blocking) này bằng cách: nội tuyến các tài nguyên quan…
Bạn thường tìm thấy trên mạng các đoạn mã để chèn vào website trong khi tìm kiếm cách khắc phục rắc rối nào đó liên quan đến WordPress. Hầu hết những người lần đầu tiên gặp phải điều này không biết nên đặt mã vào…
Với HTML5, chúng ta có hai thuộc tính boolean mới cho thẻ <script> là: async và defer. Async cho phép thực thi các đoạn mã không đồng bộ và defer cho phép thực thi chỉ khi toàn bộ tài liệu được phân tích (parse) xong.
AMP là công nghệ kết hợp nhiều biện pháp tối ưu hóa giúp website AMP tải nhanh gần như ngay lập tức (load instantly). Bạn sẽ thấy lý do vì sao ngay sau đây.
Chrome chính thực hỗ trợ lazy-loading cho ảnh và iframes ở cấp độ trình duyệt! Dưới đây là video demo tính năng này:
Cách đây khoảng 1 năm, tôi có viết chi tiết về cách tăng tốc WordPress trên trang Chim Cắt. Nó là bài viết đồ sộ với rất nhiều kỹ thuật có thể khiến bạn ngộp, nhất là với người mới. Trong bài viết này, tôi…
Tăng tốc WordPress là màn thi triển tổng lực bao gồm rất nhiều vấn đề cần làm. Tuy nhiên, như mọi thứ khác, nó cũng có những yêu cầu quan trọng hơn những cái khác rất nhiều.
Bài viết mới hơn