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

tích hợp Google Analytics

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 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 kiếm DNS bổ sung, vì bản thân CDN là các máy chủ khác với máy chủ gốc tải trang HTML trong hầu hết các thiết lập thông thường).

Đọc thêmGiải thích các tùy chọn của plugin Perfmatters (phần 10)

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

bản đồ và liên kết

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:

Đọc thêmGiải thích các tùy chọn của plugin Perfmatters (phần 9)

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

giỏ hàng

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.

Đọc thêmGiải thích các tùy chọn của plugin perfmatters (phần 8)

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

preconnect

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.

1. 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. Điều 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.

Đọc thêmGiải thích các tùy chọn của plugin perfmatters (phần 7)

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

Chim Puffins

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 một lần. Ví dụ bên dưới cho thấy điều đó xảy ra như thế nào:

Các yêu cầu Admin-ajax trong logs
Các yêu cầu Admin-ajax trong logs

Đọc thêmGiải thích các tùy chọn của plugin perfmatters (phần 6)

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

bông hoa

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ư:

Đọc thêmGiải thích các tùy chọn của plugin perfmatters (phần 5)

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

tùy biến sâu với Regex

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 thêmGiải thích các tùy chọn của plugin perfmatters (phần 4)

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

công tắc

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 1phầ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 và page. Bạn có thể dễ dàng vô hiệu hóa CF7 ở tất cả mọi nơi chỉ bằng một click và chỉ bật nó trên trang liên hệ (contact page) mà thôi.
  • Các plugin chia sẻ mạng xã hội chỉ tải trên bài post của bạn. Bạn có thể dễ dàng vô hiệu hóa nó ở mọi nơi khác, chỉ tải trên bài dạng post, hoặc thậm chí là kiểu post tùy chỉnh.
  • Plugin Table of content (TOC) tải bản thân nó trên mọi bài post và page. Với Script Manager, bạn có thể dễ dàng tùy chỉnh nơi nào TOC được phép tải.
  • Nếu bạn đã cập nhật lên WordPress 5.0 nhưng không sử dụng trình biên tập Gutenberg block, có thể bạn vẫn sử dụng trình biên tập cổ điển hoặc trình biên tập của bên thứ ba nào đấy, có hai tệp lệnh ở front-end được thêm vào toàn bộ trang web mà bạn có thể vô hiệu hóa: /wp-includes/css/dist/block-library/style.min.css và /wp-includes/css/dist/block-library/theme.min.css.

Có hàng ngàn tối ưu hóa mà bạn có thể thực hiện với Script Manager. Trên một số website, chúng tôi nhanh chóng giảm được hơn 10 yêu cầu HTTP trên trang chủ!

Đọc thêmGiải thích các tùy chọn của plugin perfmatters (phần 3)

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

đường phố

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.
file wp-emoji-release.min.js
wp-emoji-release.min.js

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”.

Vô hiệu hóa emojis bằng plugin perfmatters

Nếu bạn thực sự muốn sử dụng Emojis, chúng tôi khuyên bạn nên thử triển khai EmojiOne có tốc độ cao, chỉ sử dụng định dạng ảnh SVG. Tính năng này hoạt động tốt bên cạnh plugin perfmatters với việc vô hiệu hóa Emojis thông thường theo mặc định.

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