Trì hoãn tải mã với plugin Flying Scripts: rất tốt, nhưng cần kiểm tra cẩn thận

Trong chuỗi các plugin của Gijo mà tôi đã thử, ngoài Flying Scrips còn có Flying Pages và Flying Images. Tôi bất ngờ nhất với Flying Scripts. Vì nó đem đến khả năng cải thiện tốc độ tải trang hết sức ấn tượng, bằng một cách ít ai ngờ, và tôi cũng chưa bao giờ biết đến trước đây: đợi có tương tác người dùng thì mới tải các JS nặng nề về. Hầu hết các JS của bên thứ ba gồm các app phổ biến như Facebook (bình luận, chat, fanpage, like, share…), Google Maps, Google Analytics, YouTube, Google …

Đọc thêm

Giới thiệu plugin Flying Scripts để tăng tốc website thông qua hạn chế ảnh hưởng của JavaScript nặng bên thứ ba

Mục đích của plugin này là tải (download) và thực thi (execute) JavaScript dựa trên tương tác của người dùng (user interaction). Flying Scripts trì hoãn thực thi JavaScript cho đến khi có tương tác của người dùng. Bạn có thể chỉ định cụ thể từ khóa bao gồm tên các JavaScript cần trì hoãn. Nó cũng có thiết lập timeout (thời gian đợi) để tự động thực thi JavaScript sau một khoảng thời gian nào đó không có người dùng tương tác. Tại sao bạn có thể cần plugin này? JavaScript là tài nguyên rất nặng. Bằng cách trì …

Đọc thêm

Hướng dẫn sử dụng plugin Autoptimize

Tôi rất hứng thú với vấn đề tăng tốc WordPress, bởi vì tốc độ website lúc nào cũng là chủ đề quan trọng hàng đầu đối với người quản trị. Hôm nay tôi sẽ nói về plugin Autoptimze – một trong các công cụ hỗ trợ tăng tốc miễn phí tốt nhất. Plugin giúp tôi tăng tốc bằng cách nào? Autoptimze hỗ trợ cải thiện thời gian tải trang thông qua 3 yếu tố chính sau: Nén, gộp, và tối ưu file CSS. Nén, gộp, và tối ưu file JavaScript. Nén HTML. Thao tác nén giúp giảm dung lượng file, trong …

Đọc thêm

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

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

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

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

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

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

Giảm thời gian thực thi JavaScript

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à biên dịch diễn ra trong luồng chính. Khi luồng chính bận rộn, trang không thể phản hồi đầu vào của người dùng. Thực thi: JavaScript cũng được thực thi trong luồng chính. Nếu trang của bạn chạy rất nhiều mã trước khi nó thực sự cần, điều đấy làm trì hoãn Time To Interactive, …

Đọc thêm

Lợi và hại của việc sử dụng mã phổ biến miễn phí từ bên thứ ba trong website WordPress

Có một số mã phổ biến được nhiều website sử dụng, ví dụ: jQuery; Các font (như awesome). Có nhiều thư viện dùng chung cho phép tải các mã này từ server của họ thay vì phải tải từ máy chủ của bạn (local host), ví dụ: Google font (cho font); CDNjs, Google Lib (cho jQuery). Như để nâng cấp thêm nhằm đem lại lợi ích tối đa, có một số CDN miễn phí như JetPack, jsDelivr, Statically.io còn bổ sung các CSS và JS từ những giao diện, plugin nằm trên WordPress.org nhằm giúp bạn đỡ phải host những …

Đọc thêm

Giới thiệu jsDelivr – mạng CDN miễn phí cho JavaScript và CSS

Vài con số thống kê: Dịch vụ bắt đầu từ năm 2012; Mỗi tháng phục vụ hơn 66 tỷ yêu cầu; Lượng dữ liệu lưu chuyển lên tới 2440 TiB mỗi tháng (1TiB = 240 byte). Các nền tảng hỗ trợ NPM; GitHub; WordPress. Nhà tài trợ chính StackPath; CloudFlare (x); Fastly; NS1. PerfOps. (x): Cloudflare tài trợ cho nhiều dịch vụ CDN miễn phí. Ví dụ như statically.io là hosting static miễn phí (plugin Flying Images lại dựa trên Statically để tạo CDN ảnh miễn phí), jsDelivr (chính cái bạn đang đọc đây) và một sản phẩm tương tự …

Đọc thêm

Hướng dẫn cài đặt plugin CAOS

Plugin CAOS (Complete Analytics Optimization Suite) là plugin thú vị cho WordPress. Nó giúp bạn tinh chỉnh hiệu suất (tốc độ) của website bằng cách cho phép bạn tự host mã JavaScript của Google Analytics. Tối ưu hóa analytics đơn giản bằng cách nhập tracking ID của bạn vào và để plugin làm phần còn lại! Nó sẽ đặt đoạn mã cần thiết vào trong header (hoặc footer) của theme và tải file analytics.js lên máy chủ web của bạn. Sau đó file được cập nhật tự động sử dụng hàm wp_cron() tích hợp sẵn trong WordPress. Làm thế nào …

Đọc thêm