Tối ưu JavaScript

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

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

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

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

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

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

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