Trong bài viết tăng tốc video YouTube nhúng trong WordPress, chúng ta đã biết YouTube tải nặng như thế nào rồi, nhưng đó chỉ là mô tả tổng quan mà thôi. Trong bài này chúng ta sẽ đi vào chi tiết, để biết cụ thể YouTube tải về những file gì, dùng làm gì và nó nặng bao nhiêu (tính theo KB). Cách thử nghiệm là tôi tạo một trang HTML đơn giản, và trong trang đó tôi chỉ nhúng video YouTube, nhờ vậy công việc kiểm tra sẽ đơn giản hơn rất nhiều so với việc kiểm tra trên …
Khu vực cơ hội của Lighthouse báo cáo danh sách tất cả các ảnh trên trang của bạn không có kích thước ảnh tối ưu, cùng với tiềm năng tiết kiệm tính theo kilobyte (KB). Thay đổi kích cỡ các ảnh này giúp bạn tiết kiệm dữ liệu và cải thiện thời gian tải trang. Cách Lighthouse tìm ra và đánh giá các ảnh quá cỡ Với từng ảnh trên trang, Lighthouse so sánh kích cỡ của ảnh đã được kết xuất (render) so với kích cỡ ảnh thực tế. Kích cỡ đã được kết xuất cũng được tính toán …
Mô tả WP YouTube Lyte cho phép bạn “lazy load / tải lười” các video của bạn bằng cách chèn “Mã nhúng YouTube nhỏ gọn” có khả năng phản hồi nhanh (responsive). Điều này trông giống như khi bạn nhúng YouTube theo cách thông thường, nhưng khác biệt ở đây là nó chỉ gọi các trình bật YouTube nặng nề (“fat”) khi người dùng click vào, vì thế giảm được dung lượng và thời gian kết xuất đáng kể, nhất là khi bạn có nhiều video trên cùng một trang. Plugin có thể được cấu hình để cache ảnh đạ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 độ. …
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 …
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ữ …
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 …
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 …
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 …
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: …