Tránh các cạm bẫy khi sử dụng JavaScript của bên thứ ba (third-party) để cải thiện thời gian tải (load time) và trải nghiệm người dùng (user experience).
Phần này tôi sẽ không giải thích vì sao preconnect giúp tăng tốc nữa, vì đã có mấy bài viết bàn đến rồi. Tôi sẽ đi thẳng vào việc giải thích đoạn mã.
Vài lời của người dịch: Tối ưu hóa trang thương mại điện tử khó khăn hơn các trang báo điện tử thông thường. Nguyên nhân ở chỗ trang thương mại điện tử có thể có nhiều tính năng đa dạng, cũng như yêu cầu tính…
Vì yêu cầu thẩm mỹ, nhiều website sử dụng font tùy chỉnh, tức là file font tải từ bên thứ ba hoặc chính host của website để làm font chữ cho trang. Font tùy chỉnh thường sử dụng CSS có tên @font-face.
Khi JavaScript mất nhiều thời gian thực thi, nó sẽ làm chậm hiệu suất, tốc độ của trang theo một số cách: Mạng: Nhiều byte hơn đồng nghĩa với thời gian tải dài hơn.Phân tích cú pháp và biên dịch: Phân tích cú pháp và…
Vài lời của người dịch: FID là điều không thể tránh, khi người dùng thực hiện tương tác trong khi trình duyệt đang bận rộn tải trang về và thực hiện các hành động theo hướng dẫn (thường là JavaScript), buộc nó phải trì hoãn…
Font thường là những file lớn mất thời gian để tải về. Một số trình duyệt ẩn văn bản cho đến khi font tải xong, đây là nguyên nhân gây ra tình trạng Flash of invisible text (FOIT).
Vài lời của người dịch: Bài viết này chứa nhiều thông tin kỹ thuật, mà để thành thạo thì chúng ta phải thực hành đào sâu nhiều. Nhưng về ý tưởng căn bản thì rất dễ hiểu. Bạn phải nắm bắt được thông tin phần…
Trong bài viết này chúng ta sẽ cùng học cách sử dụng các kiểu gợi ý tài nguyên rel=preconnect và rel=dns-prefetch.
Largest Contentful Paint (LCP) là một chỉ số quan trọng, lấy người dùng làm trung tâm (user-centric) để đo đạc tốc độ tải nhận thức (perceived load speed), bởi vì nó đánh dấu thời điểm trong timeline* tải trang khi mà nội dung chính (main…