Hướng dẫn sử dụng plugin WP YouTube Lyte để tăng tốc độ tải trên trang có video YouTube

Bởi

Tôi đã có bài viết (dịch) đánh giá tổng quan về các biện pháp tăng tốc tải video nhúng trong website, bạn có thể tham khảo ở link vừa dẫn. Trong bài viết đó có phân tích: cách tốt nhất là sử dụng CDN để tối thiểu hóa các file JavaScript và CSS mà YouTube hoặc các nền tảng video bên thứ ba khác phải tải về (ví dụ Vimeo). Tốc độ tải tăng lên nhờ chỉ cần sử dụng thẻ video mà thôi, tuy nhiên đây chỉ là cách tốt nhất khi xét thuần túy về mặt tốc độ. …

Đọc thêm

Sử dụng CDN để tối ưu ảnh

Bởi

Dùng CDN để tối ưu hóa ảnh không phải biện pháp phổ biến nhất hiện nay, nhưng một số website sẽ thích nó, ví dụ như các trang có yêu cầu cao về tùy biến ảnh. 1. Tại sao bạn nên sử dụng CDN cho ảnh? Mạng phân tán nội dung ảnh là giải pháp tuyệt vời để tối ưu hóa phân phối ảnh. Chuyển sang sử dụng CDN ảnh có thể đem đến khả năng tiết kiệm từ 40-80% về khía cạnh kích cỡ file ảnh. Trên lý thuyết, điều đó có thể đạt được chỉ cần nhờ vào …

Đọc thêm

Danh mục CDN

Cách đo tốc độ website

Bởi

Hiệu suất, tốc độ trang trong thế giới thực có biên độ biến thiên cao tùy thuộc vào sự khác biệt giữa thiết bị của người dùng, trạng thái mạng kết nối và các yếu tố khác nữa. Lấy ví dụ, nếu bạn tải trang sử dụng kết nối mạng cáp quang trong văn phòng công ty sẽ khác nhiều với khi sử dụng kết nối WiFi tại quán cà phê đông người, các trải nghiệm diễn ra trong thực tế có thể rất khác nhau. Trên thị trường có nhiều công cụ có thể giúp bạn thu thập dữ …

Đọc thêm

Tối ưu Google PageSpeed Insights để tăng tốc độ website

Bởi

Trước khi đi 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. Google có nhiều công cụ giúp người quản trị web tối ưu hóa tốc độ cho người dùng, ngoài Google AMP, định dạng ảnh WebP, tôi cũng rất thích các lời khuyên bảo từ công cụ kiểm tra tốc độ trang web có tên là PageSpeed Insights. Hãy nhìn điểm của tôi (tiện thể hãy thử kiểm tra luôn điểm trang của bạn): Vậy là nó có điểm rất thấp trên di động, trên máy tính …

Đọc thêm

Cách xác định JavaScript của bên thứ ba làm chậm website

Bởi

Ghi chú của người dịch: Bài viết này là một hướng dẫn thực hành quan trọng giúp bạn xác định được JavaScript cụ thể nào đang làm trang tải chậm. Sau một tá lý thuyết về cách cải thiện tốc độ website thì rút cục bạn cũng phải đi đến công việc trên thực địa. Thực hành thì vốn phụ thuộc vào công cụ, bài này sẽ chỉ cho bạn cách sử dụng công cụ. Nhưng nó sẽ vẫn là lý thuyết nếu bạn không tự thực hành trên chính trang web của bạn! OK, bắt đầu thôi. — Phát …

Đọc thêm

Tối thiểu công việc của luồng chính

Bởi

Quá trình kết xuất của trình duyệt sẽ chuyển mã của bạn thành trang web mà người dùng sẽ tương tác (interact). Theo mặc định, quá trình kết xuất của luồng chính (main thread) thường xử lý phần lớn mã: nó phân tích cú pháp HTML và xây dựng DOM, phân tích cú pháp CSS và áp dụng các style cụ thể, và phân tích cú pháp (parse), đánh giá (evaluate) cũng như thực thi (excute) JavaScript. Luồng chính cũng xử lý các sự kiện người dùng (user events). Vì thế, bất cứ khi nào luồng chính bận rộn làm …

Đọc thêm

Vấn đề tốc độ của JavaScript từ bên thứ ba

Bởi

Trong bài viết này chúng ta cùng tìm hiểu ảnh hưởng của JavaScript bên thứ ba lên tốc độ, hiệu suất của website và bạn có thể làm gì để tránh các mã này làm chậm website của bạn. JavaScript của bên thứ ba thường liên quan đến các đoạn mã được nhúng vào trong website của bạn, chúng là: Các mã mà bạn không phải là tác giả (not authored); Được phục vụ từ các máy chủ của bên thứ ba (third-party servers); Các website sử dụng các đoạn mã này cho nhiều mục đích khác nhau, bao gồm: …

Đọc thêm

Total Blocking Time (TBT) là gì?

Bởi

Total Blocking Time (TBT) là chỉ số quan trọng, lấy người dùng làm trung tâm, dùng để đo khả năng đáp ứng tải (load responsiveness), vì nó giúp định lượng mức độ nghiêm trọng của khoảng thời gian từ khi trang không có khả năng tương tác đến khi có khả năng tương tác ổn định (reliably interactive)- TBT thấp giúp đảm bảo trang nhanh chóng sử dụng được. 1. TBT là gì? Chỉ số Total Blocking Time đo tổng lượng thời gian giữa First Contentful Paint (FCP) và Time To Interactive (TTI) khi mà luồng chính (main thread) bị …

Đọc thêm

Tải JavaScript của bên thứ ba hiệu quả hơn

Bởi

Hàng ngoại thì thường chất lượng cao rồi, nhưng đôi khi thuế má vào cũng không ít. Bài viết này sẽ giúp bạn tránh được 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). Nếu JavaScript từ bên thứ ba làm chậm tốc độ tải trang của bạn, bạn có hai lựa chọn để cải thiện tốc độ, hiệu suất: Loại bỏ nó, nếu nó không giúp tạo ra giá trị rõ ràng cho trang. hoặc Tối ưu hóa quá trình tải. …

Đọc thêm

Đoạn mã nhỏ dùng preconnect để tăng tốc trang nhúng video YouTube

Bởi

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ã. Khi bạn nhúng video, YouTube sẽ tải một số thành phần sau: JS từ server gốc của YouTube và dĩ nhiên cả video nữa; Ảnh xem trước của video từ tên miền i.ytimg.com; Ảnh đại diện của kênh từ tên miền yt3.ggpht.com; Font tùy chỉnh Roboto từ tên miền fonts.gstatic.com. Mã mẫu: Đoạn mã trên phải được cho vào phần <header> và plugin SOGO (WordPress) sẽ giúp …

Đọc thêm