Giải thích các tùy chọn của plugin Perfmatters (phần 7)

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

Giải thích các tùy chọn của plugin Perfmatters (phần 6)

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

Giải thích các tùy chọn của plugin Perfmatters (phần 5)

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

Giải thích các tùy chọn của plugin Perfmatters (phần 4)

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

Giải thích các tùy chọn của plugin Perfmatters (phần 3)

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

Giải thích các tùy chọn của plugin Perfmatters (phần 2)

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

Giải thích các tùy chọn của plugin Perfmatters (phần 1)

1. Emojis Vô hiệu hóa emojis: Emojis rất vui nhộn (biểu tượng mặt cười, mặt mếu,…), nhưng kể cả khi bạn không sử dụng chúng, chúng vẫn tải một file JavaScript (có tên wp-emoji-release.min.js) trên tất cả các trang trên website của bạn. Điều này không cần thiết và làm gia tăng thời gian tải trang của nhiều website. Vì thế chúng tôi khuyến khích bạn vô hiệu hóa tính năng này. Trong plugin perfmatters bạn đơn giản vô hiệu hóa nó bằng cách bật tùy chọn “Disable Emojis”. Nếu bạn thực sự muốn sử dụng Emojis, chúng tôi khuyên …

Đọc thêm

Giới thiệu plugin Perfmatters dùng để tăng tốc WordPress

Vài lời của người dịch: triết lý tăng tốc của plugin Perfmatters bề ngoài trông khác hẳn các plugin tăng tốc khác như nén ảnh (ShortPixel), gộp nén CSS, JS (Autoptimize), cache (LiteSpeed cache)…Điểm khác biệt quan trọng là Perfmatters không bổ sung thêm tính năng mới gì cho trang web cả, ngược lại cách tăng tốc của nó là thông qua việc loại bỏ hàng loạt các tính năng không quan trọng hoặc/và không thiết yếu trên trang, trong đó trọng tâm là việc loại bỏ các file CSS không sử dụng và JS dùng vô tội vạ trên …

Đọc thêm

Thiết lập performance budget đầu tiên của bạn

Khi bạn thiết lập ngân sách cho cá nhân, gia đình hoặc tổ chức kinh doanh, bạn thiết lập một giới hạn chi tiêu và đảm bảo rằng bản thân không vượt qua ranh giới đó. Performance budget (ngân sách hiệu suất) hoạt động theo cách tương tự, nhưng là cho các chỉ số ảnh hưởng đến hiệu suất website. Với việc thiết lập và thi hành performance budget bạn có thể đảm bảo rằng trang của bạn sẽ kết xuất nhanh nhất có thể. Điều này sẽ cung cấp trải nghiệm người dùng tốt hơn cho khách ghé thăm …

Đọc thêm

Performance budget (ngân sách dành cho hiệu suất) là gì?

Hiệu suất là một phần quan trọng trong trải nghiệm người dùng (user experience) và nó ảnh hưởng đến các chỉ số kinh doanh (business metrics) của bạn. Chỉ là tự sướng thôi khi nghĩ rằng: “Nếu tôi là lập trình viên giỏi rồi thì tự nhiên tôi sẽ có được website hiệu suất tốt” – một thanh niên quá tự tin Nhưng sự thực thì hiệu suất tốt hiếm khi là hiệu ứng phụ (side effect). Như hầu hết các thứ khác- để đạt được mục tiêu thì bạn phải định nghĩa nó cho rõ ràng. Hãy bắt đầu …

Đọc thêm