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.
Tôi rất ghét lazy load. Tại sao? Bởi vì nó làm ảnh hưởng xấu đến UX (user experience / trải nghiệm người dùng) trong khi lợi ích của nó có thể chỉ là để qua mặt (tricking) các bài kiểm tra về tốc độ trang…
Tóm tắt: học cách cải thiển thời gian hiển thị với các kỹ thuật critical CSS. Trình duyệt phải tải và phân tích (parse) các file CSS trước khi nó có thể hiển thị trang, điều này làm cho CSS là nguồn chặn hiển thị…
Trong bài viết trước tôi có giới thiệu về plugin lazy load ảnh rất thú vị có tên Flying Images. Tuy nhiên không nói gì về các cài đặt cả. Bài viết ngắn này sẽ bổ sung thiếu sót đó.
Với những ai có căn bản về web, bạn hiểu khá rõ về HTML, CSS, JS và có thể là một ngôn ngữ lập trình web phổ biến như PHP. Khi ấy các giải thích về citical CSS không khó khăn để hiểu.
Tóm tắt: critical CSS là gì? Cách nó hoạt động và khi nào bạn nên sử dụng nó? Và thậm chí…khi nào bạn không nên sử dụng critical CSS?