25 tập lệnh bên ngoài để tối ưu hóa trong WordPress: Tăng tốc phông chữ, phân tích, video trên YouTube, WooC Commerce, tập lệnh của bên thứ ba

Chúng tôi kịch bản bên ngoài làm chậm trang web WordPress của bạn?


Đây là bất cứ thứ gì lấy thông tin từ bên ngoài trang web của bạn: Google Fonts, Analytics, video được nhúng trên YouTube, bài đăng công việc, Gravatars, thậm chí là các bình luận và plugin chia sẻ xã hội.

Bạn có thể tối ưu hóa các tập lệnh bên ngoài trong WordPress bằng cách lưu trữ tệp cục bộ (phông chữ, phân tích, Facebook Pixel), vô hiệu hóa các tập lệnh bằng cách sử dụng plugin Asset CleanUp và thêm gợi ý trình duyệt như kết nối trước và tìm nạp trước. Nói chung, một số plugin và tập lệnh (ví dụ AdSense) nên tránh nếu tốc độ là quan trọng đối với bạn. Bất cứ điều gì còn sót lại, hãy xác định xem sự hy sinh trong hiệu suất có đáng hay không và liệu bạn có nên xóa nó hay tìm một giải pháp thay thế.

Các tập lệnh bên ngoài hầu như luôn hiển thị lỗi trong GTmetrix trong phần Giảm tra cứu DNS:

Tập lệnh bên ngoài WordPress

Dưới đây, cách tối ưu hóa tập lệnh của bên thứ ba:

Contents

1. Tìm tập lệnh bên ngoài

GTmetrix
Chạy trang web của bạn thông qua GTmetrix (công cụ tôi khuyên dùng) và xem tab PageSpeed ​​và YSlow của bạn. Nếu bạn mở rộng các mục và thấy cùng một tập lệnh bên ngoài (hoặc plugin) hiển thị nhiều lần trong toàn bộ báo cáo của mình, điều đó có thể có nghĩa là nó làm chậm trang web WordPress của bạn. Bạn cũng có thể sử dụng tab Thác GTmetrix để tìm hiểu mỗi tài nguyên mất bao lâu để tải.

Tập lệnh bên ngoài WordPress

Giám sát truy vấn
Giám sát truy vấn cho phép bạn xem các tập lệnh, kiểu và plugin tải chậm nhất của bạn:

Tập lệnh giám sát truy vấn

Giám sát truy vấn Plugin chậm

2. Vô hiệu hóa tập lệnh, kiểu, plugin không sử dụng

Một số plugin tải trên toàn bộ trang web của bạn bất kể chúng có được sử dụng hay không.

Dọn dẹp tài sản cho phép bạn chọn lọc vô hiệu hóa các tập lệnh, kiểu và plugin không cần thiết khỏi nội dung cụ thể. Điều này có thể cải thiện thời gian tải trong khi giảm số lượng Yêu cầu HTTP. Nó cũng cho phép bạn lưu trữ phông chữ cục bộ, kết nối trước, tải trước và vô hiệu hóa các tính năng WordPress không sử dụng.

Cài đặt plugin, chỉnh sửa một trang, sau đó vô hiệu hóa mọi plugin hoặc yêu cầu không được sử dụng trên trang đó:

Tập lệnh bên thứ ba bên ngoài

Vô hiệu hóa tập lệnh bên ngoài WordPress

Tính năng dọn dẹp tài sản:

  • Vô hiệu hóa tập lệnh / plugin không sử dụng trên một số nội dung nhất định
  • Thu nhỏ, kết hợp, trì hoãn và lưu trữ CSS + JavaScript
  • Kết nối trước, tải trước, kết hợp và lưu trữ phông chữ cục bộ
  • Cho phép ghi lại URL CDN để đảm bảo các tệp được tối ưu hóa
  • Vô hiệu hóa nhúng, dashicons, các tính năng thường không được sử dụng
  • Vô hiệu hóa hỗ trợ giao thức XML-RPC một phần hoặc hoàn toàn
  • Tối ưu hóa HTML bằng cách xóa mã không cần thiết trong
  • Dỡ bỏ trên 1 trang, toàn trang, theo loại bài đăng hoặc RegEx (tính năng cao cấp)

Chọn lọc vô hiệu hóa các plugin (ví dụ)

  • Vô hiệu hóa plugin trượt trên nội dung mà không có thanh trượt
  • Vô hiệu hóa plugin đoạn trích phong phú trên nội dung mà không có đoạn trích phong phú
  • Vô hiệu hóa plugin hình thức liên hệ trên nội dung mà không có hình thức liên hệ
  • Vô hiệu hóa các liên kết AdSense hoặc liên kết nơi chúng được hiển thị
  • Vô hiệu hóa plugin chia sẻ xã hội trên tất cả các trang (vì nó thường dùng cho các bài đăng trên blog)
  • Vô hiệu hóa tập lệnh WooC Commerce, kiểu, phân đoạn giỏ hàng trên các trang phi thương mại điện tử

3. Kết nối trước, tải trước và tải trước tập lệnh bên ngoài

Đối với các tập lệnh có thể bị vô hiệu hóa có thể bị vô hiệu hóa, việc kết nối trước chúng giúp trình duyệt dự đoán chúng. Điều này đã giành được cải thiện điểm GTmetrix, nhưng nó có thể cải thiện thời gian tải của các tập lệnh bên ngoài.

Gợi ý nguồn lực của Đảng hỗ trợ DNS preetch, prerender, preconnectect, prefetch và preload được sử dụng như gợi ý tài nguyên trình duyệt. Tất cả giúp tải tài nguyên bên ngoài nhanh hơn và theo hiểu biết của tôi, WP Rocket chỉ hỗ trợ tải trước và tải trước, nhưng không kết nối trước.

Định nghĩa (Tín dụng: WP Rocket)

  • Kết nối trước: yêu cầu trình duyệt thiết lập kết nối với tài nguyên bên ngoài.
  • Tải trước: yêu cầu trình duyệt tải xuống các tệp dự đoán mà người dùng có thể yêu cầu.
  • Tải trước DNS: trình duyệt thực hiện tra cứu DNS trong nền trong khi người dùng đang duyệt.
  • Tiên tri: yêu cầu trình duyệt tải xuống toàn bộ trang dựa trên các mẫu duyệt của người dùng.
  • Tải trước: báo cho trình duyệt một tài nguyên điều hướng là cần thiết và để tìm nạp nó càng sớm càng tốt.

Bước 1: Sao chép tất cả các tên miền bên ngoài bạn sử dụng trên trang web của bạn (tìm thấy chúng trong báo cáo GTmetrix và Trình theo dõi truy vấn của bạn), nếu không thì đây là một danh sách tên miền phổ biến để tìm nạp trước từ Github:

Bước 2: Thêm chúng vào plugin Gợi ý tài nguyên bên * của bạn:

Gợi ý nguồn lực của Đảng

Nếu bạn sử dụng WP Rocket, bạn có thể tìm nạp trước chúng (được tìm thấy trong tab Tải trước):

Yêu cầu tìm nạp trước DNS

4. Trì hoãn phân tích cú pháp JavaScript

Hoãn phân tích cú pháp của JavaScript yêu cầu các trình duyệt chờ tải xuống JavaScript cho đến khi mọi thứ khác được tải xuống.

Nếu bạn sử dụng WP Rocket, hãy bật Tải JavaScript hoãn lại trong tab Tối ưu hóa tệp:

Tải JavaScript hoãn lại

Nếu plugin bộ nhớ cache của bạn không hỗ trợ này, bạn có thể sử dụng Plugin Async:

Không đồng bộ JavaScript

5. Lưu trữ Google Fonts cục bộ

Lưu trữ phông chữ cục bộ sẽ khắc phục hầu hết các lỗi liên quan đến phông chữ trong GTmetrix.

Bạn có thể làm điều này bằng cách sử dụng Phông chữ Google tự lưu trữ, OMGF, hoặc dọn dẹp tài sản.

Nhưng cách tốt nhất để tối ưu hóa phông chữ là tải xuống chúng trực tiếp từ trang web Google Fonts, chuyển đổi chúng thành các tệp phông chữ web bằng một công cụ như Dịch giả, sau đó thêm chúng vào CSS của bạn. Hãy chắc chắn rằng bạn tối thiểu với các phông chữ và trọng lượng, vì mỗi người có thể thêm yêu cầu.

Google-Phông chữ-GTmetrix

Bước 1: Tải xuống (các) phông chữ của bạn từ Google Fonts.

Bước 2: Chuyển đổi chúng thành các tệp phông chữ web bằng Transfonter.

Transfonter-Google-Font-Converter

Bước 3: Tải tập tin phông chữ lên wp-content / tải lên.

Thí dụ:

  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Regular.woff
  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Regular.woff2
  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Bold.woff
  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Bold.woff2

Bước 4: Thêm phông chữ tùy chỉnh vào CSS của bạn.

URL mặc định trong styleheet.css:
định dạng src: url (‘Roboto-Bold.woff2’) (‘woff2’),
định dạng url (‘Roboto-Bold.woff’) (‘woff’);

Thay đổi những điều này thành:
src: url (‘http://yourwebsite.com/wp-content/uploads/fonts/Định dạng Roboto-normal.woff2 ‘) (‘ woff2 ‘),
url (‘http://yourwebsite.com/wp-content/uploads/fonts/Định dạng Roboto-Rout.woff ‘) (‘ woff ‘);

Bước 5: Kiểm tra phông chữ trong trình soạn thảo văn bản WordPress.

Kiểm tra

Kiểm tra phông chữ tùy chỉnh

Kiểm tra phông chữ tùy chỉnh

6. Lưu trữ Google Analytics tại địa phương

Nếu bạn thấy một Tận dụng bộ nhớ đệm trình duyệt vấn đề, lưu trữ mã theo dõi Google Analytics của bạn cục bộ sẽ khắc phục điều này. Bạn có thể dùng Theo dõi Google Rocket Rocket Google, Phân tích CAOS, hoặc là Vô hiệu hóa WP.

Đòn bẩy-Brower-Cache-Google-Analytics

7. Tránh Google AdSense bằng mọi giá

Google AdSense là một trong những tài nguyên bên ngoài khó khăn nhất để tối ưu hóa và tôi khuyên bạn nên tiếp thị liên kết thay vì vì nó không làm chậm trang web của bạn, cộng với nó có nhiều lợi nhuận và cá nhân hơn. Tôi thường đạt 130k + / năm với tiếp thị liên kết vì vậy hãy chắc chắn đọc hướng dẫn đó.

Một chuyên gia sản phẩm vàng nói:

Thông thường có những thứ có thể được cải thiện nằm dưới sự kiểm soát của bạn, nhưng cuối cùng, đó là một quyết định về sự đánh đổi: kiếm tiền có bù đắp cho sự mất mát về tốc độ không?

Kinsta nói:

Đây là lý do tại sao trừ khi mô hình thu nhập của bạn xoay quanh các quảng cáo của bên thứ 3, don không đưa chúng lên trang web WordPress của bạn.

Railflare Railgun là một tùy chọn khác để tối ưu hóa AdSense vì nó tăng tốc nội dung động.

Railflare Railgun

8. Chỉ sử dụng Google Maps trên trang liên hệ

Có vẻ tốt, đúng?

Thay vì nhúng Bản đồ, hãy sử dụng hình ảnh có liên kết đến chỉ đường lái xe.

Nếu bạn nhúng, chỉ sử dụng Google Map trên các trang bạn cần chúng (trang liên hệ và những trang nhắm mục tiêu đến một vị trí thực tế). Không bao giờ trong phần chân trang, vật dụng hoặc khu vực của bạn xuất hiện ở chế độ chờ.

Bản đồ Google

9. Don Tiết Overtrack trong Trình quản lý thẻ của Google

Một số người sẽ cho rằng Trình quản lý thẻ của Google thực sự có thể tăng tốc trang web của bạn, vì nó lấy tất cả Javascript trên trang web của bạn và thay thế nó bằng một tập lệnh duy nhất, được kích hoạt từ GTM.

Nhưng thực tế là, Trình quản lý thẻ của Google có thể sẽ làm chậm trang web của bạn trừ khi bạn có một trang web lớn, không được tối ưu hóa sử dụng nhiều tập lệnh của bên thứ ba, trong trường hợp đó GTM có thể tăng tốc.

Tốc độ quản lý thẻ của Google

Tránh Những cạm bẫy phổ biến và không sử dụng quá nhiều thẻ có thể giúp ích, nhưng tôi không sử dụng GTM. Trong thực tế, tôi thành thật không bao giờ thử nó. Nhưng tôi biết rằng tôi đã thấy nó trong rất nhiều báo cáo GTmetrix kém.

Tôi cũng đề nghị Trình quản lý thẻ của Google cho plugin WordPress chỉ khởi chạy các thẻ cần thiết cho mỗi trang (tăng tốc thời gian tải của GTM) và giúp mã dễ dàng thêm.

10. Thay thế bài đăng trên phương tiện truyền thông xã hội bằng ảnh chụp màn hình

Bài viết được nhúng (ví dụ: Tweets) có thể được thay thế bằng ảnh chụp màn hình.

Phải mất một thời gian, nhưng bạn thực sự có thể làm cho chúng trông thật sự đẹp. Vì đây là những hình ảnh và don lồng phải lấy thông tin từ Twitter, chúng tải nhanh hơn nhiều so với nhúng.

Thăm dò ý kiến ​​năm 2019

2017-WordPress-Hosting-FB-Thăm dò ý kiến

Khuyến nghị về Elementor Hosting

Khuyến nghị tháng 7 năm 2019

2016-WordPress-Hosting-FB-Thăm dò ý kiến

Hosting yêu thích cho Elementor

Khuyến nghị về Hosting 2018

Tôi đã làm như thế nào
Trên blog của tôi, tôi đã sử dụng một Bố cục 2 cột và đo mỗi cột là 340 pixel (chiều rộng). Tiếp theo, tôi đã sử dụng Thu phóng Tiện ích mở rộng Chrome kết hợp với Ảnh chụp màn hình tuyệt vời để tìm hiểu những gì zoom% tôi cần để có được một ảnh chụp màn hình tốt của Tweet. Tôi đã chụp ảnh màn hình của mỗi Tweet, sau đó cắt chúng thành chính xác 340 pixel. Tiếp theo, tôi so sánh tất cả các ảnh chụp màn hình để xem cái nào có chiều cao tương tự, sau đó cắt hoặc thao tác chúng để 2 ảnh chụp màn hình có cùng chiều cao. Khi bạn có 2 Tweets có cùng chiều rộng / chiều cao, chúng trông tuyệt vời cạnh nhau trong các cột.

Và vâng, tôi khuyên bạn nên SiteGround để lưu trữ hoặc Đám mây / Kinsta. Có rất nhiều đánh giá lưu trữ xấu ngoài đó; nhìn vào các cuộc thăm dò của Facebook và bạn sẽ thấy ai là người chiến thắng.

11. Tải video YouTube lười biếng

Video được nhúng có thể dễ dàng thêm hơn 2 giây để tải thời gian.

Video có thể được tối ưu hóa thông qua tải lười biếng và bằng cách thay thế iframe bằng hình ảnh xem trước, do đó, nó chỉ được tải khi mọi người nhấp vào nút phát (như video ví dụ bên dưới).

Cả hai có thể được thực hiện trong WP Rocket:

WP-Rocket-Lazy-Load

WP Lyte YouTube là một tùy chọn tốt khác và hỗ trợ các chương trình nhúng YouTube nhẹ nhàng (chỉ gọi trình phát YouTube béo mập của YouTube khi bạn nhấp vào nút phát) và lưu trữ hình thu nhỏ của YouTube cục bộ.

Ngoài ra, cái này hướng dẫn về ánh sáng nhúng YouTube có thể được sử dụng.

12. Vô hiệu hóa Gravatars

Nếu bạn có nhiều bình luận trên blog, Sỏi thực sự có thể làm chậm bài.

Cuối cùng tôi đã quyết định vô hiệu hóa Gravatars, điều đó có nghĩa là không có khuôn mặt nào được hiển thị trong các bình luận. Blog của Rocket Rocket không sử dụng Gravatars hoặc (chỉ văn bản). Nó có thể trông hơi nhàm chán nhưng nếu tốc độ là quan trọng, bạn có thể chỉ muốn tạo kiểu cho nhận xét của mình bằng CSS và vô hiệu hóa Gravatars. Các plugin bộ nhớ cache Gravatar không bao giờ hoạt động với tôi và tôi không muốn ẩn hoặc ngắt bình luận.

Dưới đây là một vài lựa chọn:

  • Vô hiệu hóa Gravatars (chỉ hiển thị văn bản, ngày, v.v.)
  • Gravatars Cache sử dụng Optimum, Harrys hoặc FV (didn lồng làm việc cho tôi)
  • Chia bình luận thành nhiều trang, vì vậy chỉ có một vài Gravatars được hiển thị

Tôi không sử dụng Gravatars:

Bình luận không có Gravatars

13. Vô hiệu hóa các plugin thống kê

Bạn đang sử dụng một plugin để thu thập số liệu thống kê?

Điều đó sẽ làm chậm trang web của bạn và bạn không cần một plugin cho việc này.

Bạn có thể thấy mọi thứ bạn cần trong Google Analytics + Google Search Console mà không làm chậm trang web của bạn. Bạn không cần có JetPack, WP Statistics hoặc các plugin thống kê khác.

Bảng điều khiển hiệu suất của Google Search Console

14. Vô hiệu hóa Trình kiểm tra liên kết bị hỏng

Broken Link Checker chạy các bản quét đang diễn ra, đó là lý do tại sao nó bị cấm với nhiều máy chủ.

Tôi vẫn thích plugin này và cài đặt / chạy nó cứ sau vài tháng. Nhưng sau khi tôi làm xong, tôi xóa nó ngay lập tức. Bạn cũng có thể thử Kiểm tra liên kết tiến sĩ cũng quét các liên kết bị hỏng trên toàn bộ trang web của bạn, nhưng bạn có thể khắc phục các liên kết trực tiếp trong bảng điều khiển WordPress của bạn giống như với Trình kiểm tra liên kết bị hỏng. Vì vậy, sử dụng nó và xóa nó ngay lập tức sau đó, hoặc sử dụng Dr. Link Check.

15. Vô hiệu hóa các mô-đun JetPack không sử dụng

Trước hết, hãy tắt tất cả các mô-đun JetPack mà bạn không sử dụng.

Nhưng tại sao bạn lại cài đặt một plugin mạnh mẽ nếu bạn chỉ sử dụng một vài tính năng? Nếu bạn cần số liệu thống kê, hãy sử dụng Google Analytics, Cloudflare cho CDN miễn phí, UpdraftPlus để sao lưu, WP Rocket để tải nhanh và để bảo mật, tôi sẽ sử dụng Wordfence, Sucuri hoặc iTheme Security.

Bạn không cần có tất cả các mô-đun, chứ đừng nói đến một plugin cồng kềnh.
Ưu tiên những tính năng bạn cần và cài đặt các plugin riêng cho những tính năng đó. Rốt cuộc, đó là toàn bộ khái niệm về các chủ đề nhẹ (mua một chủ đề với các tính năng tối thiểu và dựa vào các plugin để thêm những thứ bạn cần). Donv cài đặt một chủ đề hoặc plugin cồng kềnh và bị mất tốc độ.

Bước 1: Đi tới bảng điều khiển JetPack của bạn, cuộn xuống và nhấp vào Gỡ lỗi.

Gỡ lỗi JetPack

Bước 2: Truy cập danh sách đầy đủ các mô-đun JetPack có sẵn trên trang web WordPress của bạn.

Truy cập mô-đun JetPack

Bước 3: Vô hiệu hóa tất cả các mô-đun mà bạn không sử dụng.

Mô-đun JetPack

16. Vô hiệu hóa các plugin chia sẻ xã hội CPU cao

Các nút chia sẻ xã hội phải lấy số lượng chia sẻ từ Facebook, Twitter, v.v..

Nếu plugin của bạn có tùy chọn cập nhật các định kỳ này hoặc trong thời gian thấp điểm, điều này tốt hơn nhiều so với cập nhật các số này trong thời gian thực. Tuy nhiên, có lẽ bạn chỉ muốn biết plugin chia sẻ xã hội nào nhanh nhất và nhẹ nhất, vì vậy đây là một vài trong số chúng.

Yêu cầu Plugin chia sẻ xã hội

Các plugin chia sẻ xã hội được đề xuất (Nhẹ):

17. Vô hiệu hóa và thay thế các plugin CPU cao khác

Có một lý do khiến WP Engine, GoDaddy và các máy chủ khác danh sách đen một số loại plugin nhất định.

Hầu hết các plugin WordPress chậm bao gồm chia sẻ xã hội, thống kê, thanh trượt, sao lưu, xây dựng trang, lịch, trò chuyện, hình thức liên hệ, danh mục đầu tư, bài đăng liên quan, sơ đồ trang web, Wordfence, WPML, WooC Commerce, JetPack và các plugin chạy quét hoặc xử lý đang diễn ra. Có thể tìm thấy các plugin chậm bằng Trình theo dõi truy vấn hoặc trong báo cáo Thác nước GTmetrix của bạn.

  1. Thêm điều này
  2. Theo dõi gian lận của AdSense Click
  3. Lịch sự kiện tất cả trong một
  4. Bạn bè dự phòng
  5. Người xây dựng hải ly
  6. Sơ đồ trang web Google XML tốt hơn của WordPress
  7. Trình kiểm tra Liên kết bị hỏng (sử dụng Kiểm tra Liên kết Tiến sĩ)
  8. Liên hệ liên tục cho WordPress
  9. Liên hệ mẫu 7
  10. Bài viết liên quan đến bối cảnh
  11. Liên kết tự động Digi
  12. Hệ thống bình luận Disqus
  13. Người xây dựng Divi
  14. Lưới thiết yếu
  15. Trò chuyện trên Facebook
  16. Thư viện ảnh lạ mắt
  17. Tăng cường SEO mờ
  18. Google Analytics
  19. Trình dịch ngôn ngữ Google
  20. Xem danh sách đầy đủ 65 plugin WordPress chậm

18. Vô hiệu hóa tập lệnh WooC Commerce, Styles, Cart Fragment

Tất cả các trang web WooC Commerce đều có thêm tập lệnh, kiểu và phân đoạn giỏ hàng.

Các tải này trên toàn bộ trang web của bạn – ngay cả trên các trang không phải là WooC Commerce. Mảnh vỡ một mình có thể mất đến 10 giây để tải. Trên đỉnh của 3 bảng định kiểu WooC Commerce và nhiều tập lệnh được tạo bởi WooC Commerce (và thực tế là các trang web WooC Commerce thường yêu cầu nhiều plugin hơn), không có gì lạ khi hầu hết các trang web này thường có thời gian tải trang chậm.

WooC Commerce Cart Fragment

Tùy chọn 1: Làm sạch tài sản
Chọn lọc vô hiệu hóa các chức năng WooC Commerce trên các trang mà chúng không cần tải.

Tài sản sạch WooUp Thương mại

Tùy chọn 2: Sử dụng mã từ Github
Vô hiệu hóa tập lệnh WooC Commerce: thêm điều này  Hàm.php:

Vô hiệu hóa kiểu WooC Commerce: xem WooC Commerce hướng dẫn.

Vô hiệu hóa các mảnh vỡ giỏ hàng WooC Commerce: thêm điều này để funtions.php:

Lựa chọn 3: Perfmatters
Plugin Kinsta từ Perfmatters cho phép bạn vô hiệu hóa tất cả những thứ này chỉ trong 1 cú nhấp chuột, ngoài ra còn có nhiều thứ khác đặc trưng để tối ưu hóa trang web của bạn như vô hiệu hóa các chức năng WordPress không cần thiết. Tôi sử dụng nó trên trang web của riêng tôi.

tối ưu hóa thương mại điện tử

19. Disqus Tải có điều kiện

Disqus và nhiều plugin bình luận có thể tạo các yêu cầu bên ngoài.

Disqus Tải có điều kiện là một phiên bản nâng cao của Disqus bao gồm lười tải và vô hiệu hóa tập lệnh. Nếu Disqus đang tạo yêu cầu trong báo cáo GTmetrix của bạn, điều này có thể khắc phục hầu hết chúng.

Disqus Tải có điều kiện

20. Tải có chọn lọc Mẫu liên hệ 7

Mặc dù tôi không phải là một fan hâm mộ lớn của Mẫu liên hệ 7 vì nó có thời gian tải chậm, nhưng bạn có thể chỉ tải JavaScript + Biểu mẫu liên hệ 7 trên các trang sử dụng biểu mẫu liên hệ. Nếu không, họ sẽ tải trên mỗi trang. Tôi đề xuất Gravity Forms hoặc một plugin hình thức khác nhanh hơn.

Bạn cũng có thể sử dụng Asset CleanUp để vô hiệu hóa các biểu mẫu liên hệ trên các trang không sử dụng chúng:

Tài sản dọn dẹp chọn lọc vô hiệu hóa

21. Kích hoạt bộ đệm cho Facebook Pixel

Tên lửa WP Tiện ích Facebook Pixel cho phép bạn áp dụng bộ nhớ đệm duyệt web cho Facebook Pixel.

Đây là cách duy nhất để tối ưu hóa Facebook Pixel theo hiểu biết của tôi, cho phép bạn theo dõi ai sẽ đến trang web của bạn và theo dõi họ bằng Quảng cáo Facebook, trong số các tính năng khác.

Bộ nhớ đệm trình duyệt Facebook Pixel

22. Cấu hình Plugin Cache đúng cách

Mặc dù nó LỚN rất quan trọng, hầu hết mọi người không cấu hình đúng plugin bộ nhớ cache của họ.

Nhiều lỗi GTmetrix có thể liên quan đến những thứ mà plugin bộ nhớ cache của bạn có thể xử lý (thu nhỏ và kết hợp các tệp, trì hoãn JavaScript, lưu vào bộ đệm, thêm các tiêu đề hết hạn, tối ưu hóa video, phục vụ các tệp từ CDN và lưu trữ Google Fonts + Analytics cục bộ). Vì các plugin bộ đệm khác nhau đi kèm với các tính năng khác nhau, bạn nên xem qua tất cả các cài đặt của mình và kiểm tra chúng một cách mạnh mẽ, kiểm tra xem các tính năng kích hoạt có thể dẫn đến thời gian tải nhanh hơn và điểm số tốt hơn.

Cá nhân tôi sử dụng WP Rocket vì nó đi kèm với nhiều tính năng mà hầu hết các plugin bộ nhớ cache không lưu trữ (lưu trữ phông chữ, phân tích và Facebook Pixel cục bộ, lười tải hình ảnh + video, dọn dẹp cơ sở dữ liệu, tải trước, kiểm soát nhịp tim và tích hợp cả Cloudflare và nhiều CDN như StackPath). Nếu không, bạn có thể phải cài đặt thêm 7 plugin để có được những tối ưu hóa đó.

Hướng dẫn Plugin Cache:

Tối ưu hóa tập tin tên lửa WP

23. CDNs Don lồng Trợ giúp

CDN rất tốt để tối ưu hóa các tệp trên của bạn Trang web WordPress.

Nhưng theo như các kịch bản bên ngoài, nó đã giành được sự giúp đỡ. Tôi thậm chí còn nhắn tin cho StackPath, người đã nói trong khi CDN giúp đỡ nhiều thứ khác, các tập lệnh bên ngoài đã tạo ra một trong số chúng. Điều này có ý nghĩa – làm thế nào bạn có thể giảm tải thứ gì đó mà thậm chí không lưu trữ trang web của bạn? Ồ, ít nhất họ đã thành thật.

Tôi vẫn đề nghị Đám mây và StackPath vì chúng giúp ích rất nhiều trong việc giảm tải tài nguyên cho trung tâm dữ liệu của họ (giúp máy chủ của bạn thoải mái hơn) và sử dụng các tính năng như Cloudflare Page Rules, Hotlink Protection và các tính năng bảo mật của chúng để tăng tốc và bảo vệ trang web của bạn. Và nhiều CDN hơn có nghĩa là nhiều trung tâm dữ liệu hơn để lưu trữ các tệp của bạn, nghĩa là việc phân phối nội dung của bạn thậm chí còn nhanh hơn. Đó là lý do tại sao tôi sử dụng cả CDN của Cloudflare và StackPath.

24. Sử dụng công nhân Cloudflare

Công nhân là một môi trường thực thi JavaScript cho phép các nhà phát triển tăng cường các ứng dụng hiện có hoặc tạo các ứng dụng mới mà không cần cấu hình hoặc duy trì cơ sở hạ tầng. Giá là 5 đô la / tháng + mức sử dụng (10 triệu yêu cầu đầu tiên do người lao động cung cấp là miễn phí, sau đó là 0,5 đô la cho mỗi triệu yêu cầu). Công nhân có thể được cấu hình để chạy các trang cụ thể, tên miền phụ, v.v.. Kiểm tra nó ở đây.

25. Chạy các tác vụ CPU cao trong thời gian chậm

Sao lưu, Trình kiểm tra liên kết bị hỏng và các tác vụ CPU cao khác sẽ chạy trong thời gian chậm. Đơn giản.

Các câu hỏi thường gặp

&# x2705; Làm cách nào để tìm tập lệnh bên thứ ba nào làm chậm trang web của tôi?

Chúng thường sẽ xuất hiện trong phần Giảm DNS Tra cứu trong tab GTmetrix YSlow. Một số tập lệnh bên thứ ba phổ biến nhất là Google Fonts, Analytics, Maps, AdSense, Trình quản lý thẻ của Google, yêu cầu phương tiện truyền thông xã hội, video YouTube được nhúng và Gravatars.

&# x2705; Làm cách nào để tối ưu hóa Google Fonts?

Kết hợp Google Fonts và lưu trữ chúng cục bộ là cách tốt nhất để làm cho phông chữ tải nhanh hơn. Bạn cũng có thể tìm nạp trước và kết nối trước các phông chữ của bạn. Hãy thử sử dụng plugin OMGF.

&# x2705; Những gì về lỗi truyền thông xã hội trong GTmetrix?

Chúng thường được gây ra bởi các nút chia sẻ xã hội, các tiện ích truyền thông xã hội hoặc bất kỳ yếu tố truyền thông xã hội nào khác trên trang web của bạn. Chúng thường KHÔNG thể được tối ưu hóa – phần quan trọng nhất là chọn một plugin chia sẻ xã hội nhẹ, nếu bạn quyết định sử dụng một plugin.

&# x2705; Cách khắc phục sự cố Bộ đệm ẩn trình duyệt cho Google Analytics?

Bạn có thể thử lưu trữ mã theo dõi Google Analytics của mình cục bộ thông qua WP Rocket (hoặc bất kỳ plugin bộ nhớ cache nào bạn đang sử dụng) hoặc plugin CAOS Analytics. Tuy nhiên, sửa lỗi này thường không trực tiếp cải thiện thời gian tải.

&# x2705; Tôi có thể tải video YouTube nhúng nhanh hơn không?

Có, các plugin như WP Rocket hoặc WP YouTube Lyte cho phép bạn lười tải video và thay thế iframe bằng hình ảnh xem trước. Điều này có thể cạo nhiều giây thời gian tải của nội dung.

Báo cáo GTmetrix của bạn bây giờ thế nào?

Trang chủ của tôi là 100% nhưng bài viết của tôi thường ấn tượng hơn.

Tôi sẽ mất thời gian tải 1.7 giây trên trang 6.28 MB với 196 yêu cầu mỗi ngày.

Ban đầu, các tập lệnh bên ngoài làm chậm trang web của tôi là Google Fonts, Google Analytics, video được nhúng trên YouTube, Tweets được nhúng và tôi gặp một số vấn đề khi định cấu hình CDP StackPath. Nhưng một khi tôi đã thực hiện các bước trong bài đăng này (và hy sinh một hoặc hai plugin), toàn bộ trang web WordPress của tôi thường tải rất nhanh một cách lố bịch. Lưu trữ đám mây cũng đã giúp.

Báo cáo GTmetrix 2019

Điều chính giữ bài đăng này trở lại từ 100% là những mã Github được nhúng. Nhưng này, bạn có thể luôn luôn hoàn hảo và ít nhất tôi có Github trong danh sách được kết nối và tìm nạp trước!

Cần giúp đỡ?

Để lại cho tôi một nhận xét hoặc liên hệ với nhóm của chúng tôi về dịch vụ tốc độ WordPress của chúng tôi.

Chúc mừng,
Tom

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map