Perfmatters

Xem phần 9 trong chuỗi bài viết về Perfmatters. Local (tự host) mã Google Analytics Tự host mã Google Analytics có thể giúp bạn tăng tốc độ website bằng cách giảm các tìm kiếm DNS bổ sung và giải quyết được vấn đề “leverage browser caching / mở rộng thời gian cache phía trình duyệt” của mã này. Nó cũng cho phép bạn tải mã analytics từ máy chủ CDN của riêng bạn, cái có thể giúp tận dụng lợi thế từ single HTTP/2 connection (tuy nhiên, nếu bạn dùng CDN, bạn lại đánh mất lợi ích của giảm tìm …

Đọc thêm

Bạn có thể tham khảo phần 8 ở liên kết này. 1. Vô hiệu hóa Google Maps API trong WordPress Một số giao diện và plugin WordPress có Google Maps API được tích hợp sẵn (built-in) và thật không may: đôi khi bạn không có tùy chọn cho phép tắt chúng đi. Đáng tiếc là Google map có thể làm ảnh hưởng rất xấu đến hiệu suất trang của bạn, ngay cả khi các yêu cầu là kiểu tải không đồng bộ (async). Thường yêu cầu được thực hiện qua Google Maps API chính thức đi đến URL sau: Nó …

Đọc thêm

Bạn có thể muốn tham khảo phần 7 ở liên kết này. 1. Vô hiệu hóa các script và style của WooCommerce Khi bạn đã cài WooCommerce, theo mặc định, nó sẽ tải các script và style trên tất cả các trang trong website WordPress. Điều này chắc chắn không tốt cho hiệu suất, tốc độ. Như bạn có thể thấy bên dưới, trên trang web thử nghiệm của chúng tôi, WooCommerce tải 8 script trên trang chủ, dù ở đây chẳng hề có bất kỳ sản phẩm nào. Rất may là với plugin perfmatters, giờ bạn có thể vô …

Đọc thêm

Bạn có thể xem phần 6 trong chuỗi bài giải thích các tính năng của plugin perfmatters. DNS-prefetch DNS prefetching cho phép bạn phân giải tên miền (thực hiện tìm kiếm DNS ở background / chế độ nền) trước khi người dùng click vào link, điều đó có thể cải thiện hiệu suất ít nhiều. Cái này được thực hiện bằng cách thêm thẻ rel=”dns-prefetch” vào phần header của trang WordPress. Một vài ứng dụng phổ biến của DNS prefetching là URL liên quan đến CDN, Google fonts, Google Analytics hoặc Google Tag Manager, vân vân. Ví dụ: Bật DNS …

Đọc thêm

Bạn có thể xem phần 5 của chuỗi bài viết giải thích các tùy chọn của Perfmatters ở link vừa dẫn. 1. Heartbeat API WordPress Heartbeat API sử dụng /wp-admin/admin-ajax.php để chạy các lời gọi AJAX từ trình duyệt web. Trong khi đây là tính năng hay thì nó đồng thời cũng là nguyên nhân gây tăng sử dụng CPU và tạo ra số lượng lớn lời gọi PHP. Lấy ví dụ, nếu bạn để trang dashboard mở, nó sẽ tiếp tục gửi đi các yêu cầu POST tới file này ở tần số thông thường, tức là 15 giây …

Đọc thêm

Bạn tham khảo phần 4 của chuỗi bài viết giới thiệu plugin perfmatters ở link vừa dẫn. 1. CDN rewrite Tùy chọn CDN rewrite cho phép bạn sử dụng dễ dàng dịch vụ CDN của bên thứ ba trên trang WordPress. Chẳng hạn như: KeyCDN StackPath CDN77 Để bật CDN rewriting, bạn chỉ cần click vào khu vực setting của perfmatters, tiếp đến chọn tab CDN, và bật “Enable CDN Rewrite”. Cần đảm bảo là bạn đã thiết đặt địa chỉ CDN của website. P/S: Tính năng CDN rewrite thường cũng được tích hợp sẵn trên nhiều plugin cache như …

Đọc thêm

Bạn có thể vô hiệu hóa hoặc bật script trong Script Manager của plugin Perfmatters bằng cách sử dụng Regex (rugular expressions). Điều này đặc biệt hữu ích với các website có cấu trúc URL phức tạp hơn hoặc với các trang được tạo động (archives, tìm kiếm, vân vân). Trước khi đi vào phần chính, bạn có thể tham khảo phần 3 ở đây. Cách sử dụng Regex Giả dụ bạn muốn vô hiệu hóa script trên URL của thư mục, nhưng các nơi khác thì không. Trong trường hợp đó, bạn có thể sử dụng regular expression cho …

Đọc thêm

Vô hiệu hóa mã (CSS hoặc/và JS) trên từng bài post/page (cách cơ bản). Bạn có thể đọc phần 1 và phần 2 ở link vừa dẫn. Hiện chúng tôi có tính năng Script Manager trong plugin Perfmatters. Điều này cho phép bạn vô hiệu hóa script trên từng bài post/page. Đây là tính năng rất mạnh mẽ và có thể giúp cải thiện tốc độ trên trang WordPress rất tốt (đặc biệt là trang chủ). Một vài ví dụ áp dụng cụ thể: Plugin phổ biến Contact Form 7 tải bản thân nó trên tất cả các bài post …

Đọc thêm

Chúng ta tiếp tục tìm hiểu các tùy chọn của plugin perfmatters trong phần 2 này. Bạn có thể tham khảo phần 1 ở đây. jQuery migrate jQuery migrate được thêm vào từ phiên bản WordPress 3.6. Hầu hết các mã giao diện ở frontend và các plugin hiện đại không yêu cầu jquery-migrate.min.js. Trong phần lớn trường hợp, điều này bổ sung lượt tải không cần thiết cho trang của bạn. Bạn có thể thấy file này đang chạy nếu kiểm tra bằng Chrome Devtools Console. Bạn có thể dễ dàng loại bỏ điều này trong plugin perfmatters bằng …

Đọc thêm