Làm thế nào để tăng tốc WordPress Trang web & Thẻ thông hành Core Web Vitals - Hướng dẫn 2026

Trong thời đại kỹ thuật số ngày nay, WordPress tốc độ trang web và tối ưu hóa đóng một vai trò quan trọng trong việc mang lại trải nghiệm người dùng tối ưu. Các trang web tải chậm không chỉ khiến khách truy cập thất vọng mà còn có thể ảnh hưởng xấu đến thứ hạng của bạn trên công cụ tìm kiếm và danh tiếng trực tuyến nói chung.

Thực tế, số liệu thống kê đã chỉ ra rằng 40% người dùng sẽ rời khỏi trang web nếu không tải trong vòng 3 giây nhưng tỷ lệ giữ chân người dùng không phải là lý do duy nhất bạn cần tăng tốc trang web của mình. 

Làm thế nào để tăng tốc độ chậm của bạn WordPress Trang web và vượt qua Core Web Vitals?

Cách tăng tốc độ chậm WordPress Trang web & Thẻ Core Web Vitals

Tóm lại, bạn sẽ cần phải có;

  • Chủ đề nhẹ (Kadence, Astra, GenerationPress hoặc OceanWP)

Tôi không thể nhấn mạnh đủ, nếu bạn không có dịch vụ lưu trữ web nhanh, bạn chỉ đang lãng phí thời gian để tăng hiệu suất cho trang web của mình. Có một máy chủ web nhanh là bước đầu tiên để bạn có được một trang web tải nhanh trước bất kỳ điều chỉnh hiệu suất nào như, chủ đề, caching và vv

Hãy nhớ rằng, tốc độ tải nhanh cũng có thể giúp bạn xếp hạng cao hơn trong kết quả tìm kiếm. Với điều này, chúng ta có thể nói rằng WordPress tối ưu hóa tốc độ là mối quan tâm chung dành cho những người tạo hoặc vận hành các trang web trên nền tảng này. Tối ưu hóa trang web của bạn có thể giúp bạn giảm thời gian tải trang. 

Trong bài viết này, tôi sẽ chia sẻ với bạn những lời khuyên hàng đầu sẽ giúp bạn khi nói đến WordPress tối ưu hóa tốc độ. 

Chúng tôi sẽ đề cập đến những vấn đề như thay đổi DNS, cấu hình lưu trữ, tối ưu hóa hình ảnh, v.v. Tuy nhiên, trước khi chúng ta đi sâu vào vấn đề này, bạn cần hiểu happxảy ra khi người dùng truy cập một WordPress trang web. 

Hiểu cách WordPress Công trinh 

Một trong những điều quan trọng nhất tôi học được trong nhiều năm là WordPress rất tốt cho một số việc khác nhau, chẳng hạn như quản lý nội dung. Tuy nhiên, tốc độ không thực sự là điểm đặc biệt mà nền tảng này nổi tiếng và đó là do cách thức hoạt động của nền tảng đó. 

Khi ai đó ghé thăm bạn WordPress, nền tảng lấy dữ liệu từ các nguồn khác nhau như cơ sở dữ liệu và chủ đề của bạn và kết hợp tất cả dữ liệu đó vào một tệp HTML. Khi quá trình này hoàn tất, tệp HTML sẽ được gửi tới trình duyệt web của người dùng. 

Tuy nhiên, tôi có thể nói với bạn rằng xây dựng trang khi đang di chuyển không thực sự là một lựa chọn phù hợp để đạt được hiệu suất lý tưởng. Ngoài ra, những thứ như plugintất cả các chủ đề và chủ đề đều chạy cùng một lúc tiêu thụ có giá trị server các nguồn tài nguyên có thể khiến tốc độ tải giảm xuống. 

Điều này không có nghĩa là bạn không thể tối ưu hóa WordPress trang web cho tốc độ. Có một số điều bạn có thể làm khi nói đến WordPress tối ưu hóa tốc độ. Hãy tìm hiểu xem chúng là gì;

Tốc độ DNS
Nguồn: DNSPref

Thay đổi DNS của bạn có thể giúp bạn tăng tốc độ truy cập WordPress trang web, nhưng trước khi bạn hành động, kiểm tra tốc độ DNS của bạn. Điều đầu tiên bạn cần biết là công ty đăng ký tên miền chính là nhà cung cấp DNS của bạn, vì vậy nếu chưa chuyển đổi, bạn có thể có nguy cơ gặp phải Thời gian chuyển sang byte đầu tiên (TTFB) chậm.

Này happens vì một vài lý do, như độ trễ mạng, bảo trì DNS đột xuất và máy chủ mạng của bạn đang bị bị chặn bởi Google. Bạn thậm chí có thể bị mất thứ hạng SEO của mình. Điều chính bạn cần biết là DNS của Cloudflare hoạt động tốt, nhưng nếu bạn là người đang sử dụng Tốc độ nhanh server, sử dụng DNS của QUIC là một lựa chọn tốt hơn.

Nó mang lại cho bạn định tuyến địa lý chính xác và tích hợp tốt với CND của QUIC. Có các tùy chọn khác như Kinsta và Cloudways, cả hai đều cung cấp DNS cao cấp. Nhưng điều bạn cần biết là Kinsta sử dụng Amazon Route 53 và Cloudways sử dụng DNS Made Easy, và cả hai đều chậm hơn Cloudflare, có tốc độ truy vấn là 13.47 mili giây (ms).

Để thay đổi DNS của bạn thành Cloudflare:

  1. Đăng ký trên nền tảng.
  2. Bổ sung trang web của bạn.
  3. Thực hiện theo các đổi tênservers lời nhắc và bạn đã sẵn sàng để đi.

Đừng dùng máy chủ chính thống

Hầu hết mọi người thường nghĩ rằng một gói hoặc nhà cung cấp dịch vụ lưu trữ phổ biến là lựa chọn tốt nhất cho họ. Tuy nhiên, nếu bạn hoàn toàn lo lắng về tốc độ của WordPress trang web, bạn cần biết rằng điều này không đúng 100%. Bạn phải hiểu rằng rất nhiều công ty lưu trữ đổ tiền vào hoạt động tiếp thị và quảng cáo để chúng có thể được hiển thị dưới dạng "sự lựa chọn tốt nhất."

Một điều tôi đã học được qua nhiều năm là không phải tất cả thông tin bạn tìm thấy về các gói dịch vụ lưu trữ đều chính xác. Vì điều này, tôi có xu hướng bỏ qua các bài đánh giá và video tôi thấy trên mạng và thay vào đó dựa vào các thông số kỹ thuật và tôi khuyên bạn cũng nên làm như vậy.

Dưới đây là dữ liệu về các nhà cung cấp dịch vụ lưu trữ phổ biến mà bạn có thể so sánh.

  • Thông số kỹ thuật của gói lưu trữ được chia sẻ:
 Trang webGround GrowLớnWP kinh doanh của HostingerKinh doanh WPXA2 Hosting Turbo BoostNameHero Turbo Cloud
KiểuChia sẻChia sẻChia sẻChia sẻChia sẻ
ServerApache + NginxTốc độ nhanhTốc độ nhanhTốc độ nhanhTốc độ nhanh
Cache PluginTối ưu hóa SGLSCLSC hoặc W3TCLSCLSC
CDNGoogle đám mâyQUIC.cloudQUIC.cloud/XDNQUIC.cloudQUIC.cloud
Toàn trang cachingsử dụng QUICsử dụng QUICsử dụng QUICsử dụng QUIC
DNSBị chặn bởi Google cho ngày 4Nội bộ/QUICNội bộ/QUICNội bộ/QUICNội bộ/QUIC
Lõi/RAMThành viên ẩn danh2 lõi/1.5 GB1 lõi/1GB2 lõi/2GB3 lõi/3GB
Bảo quản20GB / SATA200GB / SATA15GB / SATA“Không giới hạn” / NVMe“Không giới hạn” / NVMe
Đối tượng CacheMemcacheMemcacheKhôngRedisRedis
Cơ sở dữ liệuMySQLMariaDBMariaDBMariaDBMariaDB
Giới hạn tài nguyênTài nguyên CPU là phổ biếnTài nguyên thấpTài nguyên thấpHiệu quả với LiteSpeedHiệu quả với LiteSpeed
Inodes400,000600,000Theo Quyết định600,000500,000
Bảng điều khiểnCông cụ trang webhPanelBảng điều khiển WPXcPanelcPanel
Lưu trữ email10GB1GBNhiều giới hạnVô hạnVô hạn
Sự cố lớnCác vấn đề về TTFB/DNS/CPU và phi đạo đứcBáo cáo lừa đảo, đánh giá giả mạo và vi phạm năm 2019Đổ lỗi cho sự cố ngừng hoạt động toàn cầu do CEO đã chếtCuộc tấn công ransomware kéo dài 2 tuầnNút ngừng hoạt động trong 2 ngày với việc phát hành thư xin lỗi
Xếp hạng TrustPilot4.64.64.94.44.6
Giá giới thiệu$ 6.99 một tháng3.99 USD mỗi tháng và 3 tháng miễn phí20.83 USD mỗi tháng và 2 tháng miễn phí$ 6.99 một tháng$ 10.97 một tháng
Gia hạn$ 29.99 một tháng$ 8.99 một tháng$ 20.83 một tháng$ 22.99 một tháng$ 19.95 một tháng
thông số kỹ thuậtChi TiếtChi TiếtChi TiếtChi TiếtChi Tiết

  • Thông số kỹ thuật của gói lưu trữ đám mây:
 Kế hoạch khởi động SiteGround Cloud JumpKế hoạch khởi động động cơ WPKế hoạch khởi đầu KinstaCloudways Vultr HF (2GB) Rocket.net Gói Starter
Kiểuđám mâyđám mâyđám mâyđám mâyPrivate Cloud
ServerApache + NginxApache + NginxApache + NginxApache + NginxApache + Nginx
Lõi/RAM4 lõi/8 GBKhông được liệt kê12 lõi/8GB1 lõi/2GB32 lõi/128 GB
Bảo quản40GB10GB10GB64GB10GB
CDNGoogle đám mâyCloudflare và tiếng Ba LanCloudflare, toàn trang cachingvà các quy tắc tường lửaCloudflare Enterprise với $ 5 mỗi thángCloudflare Enterprise
CDN Băng thôngUnmeteredKhông đề cập đến100 GB100GBVô hạn
DNSnộinộiAmazon Route 53DNS Made Easy với $5 mỗi thángCloudFlare
Cache PluginTối ưu hóa SGN/AN/ARuồi trâuN/A
Đối tượng CacheMemcachedMemcachedRedis với giá 100 USD mỗi thángRedis ProRedis
Bộ xử lý PHPNhanhCGIHHVMNhanhCGIChi cục Kiểm lâmTốc độ nhanh
Công nhân PHPKhông đề cập đếnKhông đề cập đến2 nhân viên PHPKhông giới hạnKhông giới hạn
Giới hạn bộ nhớĐiều chỉnh512 MB256MBĐiều chỉnh1GB
Cơ sở dữ liệuMySQLKhông đề cập đếnKhông đề cập đếnMariaDBMariaDB
Nginx đảo ngược proxyCấu hình thủ công$ 50 một tháng
Băng thông hoặc lượt truy cập hàng tháng5TB50GB và 25,000 lượt truy cập mỗi tháng25,000 lượt truy cập mỗi tháng2TB50GB và 250,000 khách truy cập mỗi tháng
Email HostingN/AN/AN/AN/A
Xóa MalwareChỉ máy quétN/ACam kết loại bỏN/AImunify360
Sự cố lớnCác vấn đề về TTFB/DNS/CPU và phi đạo đứcVi phạm năm 2015Không áp dụngKhông áp dụngKhông áp dụng
Xếp hạng TrustPilot4.64.54.24.54.9
Giá$ 100 một tháng$20 mỗi tháng khi thanh toán hàng năm$ 35 một tháng $30 mỗi tháng và thêm $5 cho doanh nghiệp CF$ 30 mỗi tháng.
thông số kỹ thuậtChi TiếtChi TiếtChi TiếtChi TiếtChi Tiết

Bạn có thể chọn nhà cung cấp dịch vụ lưu trữ phù hợp nhất với mình dựa trên thông tin tôi đã chia sẻ với bạn. Tuy nhiên, có một số điều quan trọng mà tôi muốn chỉ ra về cả nền tảng lưu trữ đám mây và chia sẻ mà tôi đã đề cập. Những đánh giá tích cực bạn sẽ đọc về các nền tảng này không chính xác 100%.

Điều đó nói rằng, tốt hơn là nên lọc xuống các đánh giá 1 hoặc 2 sao trên các nền tảng như TrustPilot và xem người dùng cảm thấy thế nàoappy về. Ngoài ra, một số nhà cung cấp dịch vụ lưu trữ chia sẻ như Hostingere có vi phạm dữ liệu có kinh nghiệm đã tác động đến hàng triệu khách hàng. WPX đã ngừng hoạt động khiến nhiều trang web ngoại tuyến và người dùng phàn nàn về việc thiếu liên lạc.

Khi nói đến việc chọn một cái cho bạn WordPress trang web, bạn sẽ chỉ cần thực hiện một chút nghiên cứu. Điều này sẽ liên quan đến việc xem xét một số đánh giá không tốt trên TrustPilot, đọc về trải nghiệm người dùng trên Reddit và phân tích thông số kỹ thuật.

Định cấu hình cài đặt trong tài khoản lưu trữ của bạn

Hầu hết mọi người bỏ qua khía cạnh này và chỉ sử dụng các tùy chọn cấu hình lưu trữ mặc định.

Ví dụ: nếu trang web của bạn không phục vụ cached trang, điều đó có nghĩa là nó có thể làm quá tải trang của bạn server, khiến tốc độ giảm và trong trường hợp xấu nhất, trang web của bạn có thể bị sập. Cài đặt lưu trữ mà bạn có thể định cấu hình sẽ khác nhau tùy theo nhà cung cấp, nhưng chúng sẽ tạo rarally liên quan đến các khía cạnh khác nhau bao gồm những điều sau đây.

  • OPcache – Nếu đây là thứ được cung cấp, hãy sử dụng nó. Các OPcache được tích hợp vào PHP và hoạt động bằng bộ nhớ chia sẻ mã byte tập lệnh được biên dịch sẵn, giúp tăng hiệu suất trang web khi có không cần PHP để tải tập lệnh với mỗi yêu cầu.
  • Caching lớp – Nếu bạn có quyền lựa chọn sử dụng cái gì đó như Ngnix, làm đi. Một số tùy chọn lưu trữ mà tôi đã đề cập ở trên đều hỗ trợ đảo ngược Nginx proxy, cho phép bạn cache nội dung và cải thiện tốc độ trang web của bạn.
  • Brotli – Bạn sẽ không tìm thấy nhiều máy chủ hỗ trợ Brotli, nhưng nếu có thì đó là một lợi thế lớn. Đó là một thuật toán nén không mất dữ liệu nén dữ liệu bằng cách sử dụng các biến thể khác nhau của mô hình bối cảnh bậc 2, thuật toán LZ77 và mã hóa Huffman.
  • Sử dụng tài nguyên – Hầu hết mọi người có xu hướng bỏ qua điều này, nhưng điều quan trọng là phải theo dõi việc sử dụng tài nguyên và nhật ký lỗi của bạn. Nếu bạn đang sử dụng quá nhiều tài nguyên cùng lúc, điều này có thể ảnh hưởng đến tốc độ.
  • Redis so với Memcached – Cả hai đều là những lựa chọn tuyệt vời, nhưng Redis có lợi thế hơn ở đây. Nó cung cấp tốc độ sử dụng bộ nhớ tốt hơn Memcached khi nó sử dụng cấu trúc băm và không dựa vào các công cụ của bên thứ ba để kết xuất ổ đĩa.

Không sử dụng bất cứ thứ gì ngoài Cloudflare APO, Enterprise hoặc QUIC.cloud trên LiteSpeed

Cloudflare's Tối ưu hóa Hiệu suất Tự động (APO) là điều quan trọng nhất khi nói đến WordPress tối ưu hóa tốc độ. Về cơ bản, nó cho phép Cloudflare phục vụ toàn bộ WordPress trang web nhất có thể cache nội dung động, giúp bạn có được TTFB nhanh chóng và nhất quán.

Tôi biết rằng một số nhà cung cấp khác cung cấp dịch vụ riêng của họ CDNs, và việc đưa ra quyết định có thể khiến bạn choáng ngợp. Vì vậy, tốt hơn hết là kiểm tra CDNhiệu suất của, mà đối với Cloudflare, là tuyệt vời. CloudFlare CDN là người biểu diễn hàng đầu trên cdnpref.com và thậm chí còn tốt hơn những trang như thế này Google và Akamai. 

Nó có tốc độ truy vấn chỉ 26.81 ms, nghĩa là nhanh hơn 0.16 ms Google và một con khổng lồ Nhanh hơn 6.22 ms so với Akamai.

CDN Tốc độ
Nguồn: CDNthích

Kế hoạch APO và Enterprise Cloudflare

Trước khi đi vào chi tiết hơn, tôi chỉ muốn chỉ ra rằng APO sẽ hoàn thành công việc cho hầu hết các trang web, nhưng điều đó không có nghĩa là không có Phiên bản doanh nghiệp. Vì vậy, nếu bạn đi theo lộ trình APO, bạn có thể phải thỏa hiệp những thứ như bảo mật tường lửa, tối ưu hóa hình ảnh, hỗ trợ SSO, v.v.

Bây giờ, điều bạn cần biết là một số nền tảng lưu trữ có hỗ trợ Cloudflare Enterprise, nhưng họ bỏ lỡ một vài tính năng. Dựa trên kinh nghiệm của tôi, tôi tin rằng Rocket.net là phiên bản gần như cung cấp phiên bản Enterprise. Nó được cấu hình cho WordPress ngay lập tức và đi kèm với vô số lợi ích, như tối ưu hóa hình ảnh, theo cấp độ caching, định tuyến thông minh, Và nhiều hơn nữa.

Việc đưa ra quyết định có thể khó khăn và đó là lý do tại sao tôi đã biên soạn một danh sách các yếu tố sẽ giúp bạn quyết định có nên sử dụng Cloudflare Free hay không. Cloudflare Enterprise với Cloudways, BayProxy, hoặc là Rocket.net.

  • Tbps tại 192 và PoP ở 285 đều giống nhau. Cloudways không hỗ trợ APO và bạn phải trả $5 mỗi tháng để sử dụng nó với Cloudflare Free.
  • Đang bay Proxy không có Định tuyến thông minh nông nghiệpvà bạn phải trả thêm tiền để sử dụng miễn phí với Cloudflare.
  • HTTP/3 và WAF nhất quán cho tất cả các tùy chọn; phí bổ sung cho việc cân bằng tải với Cloudflare có thể miễn phí apply sau 500,000 truy vấn đầu tiên.
  • Không có tùy chọn nào đi kèm với cấu hình tự động ngoại trừ Rocket.net, nhưng băng thông bạn nhận được sẽ phụ thuộc vào gói lưu trữ bạn chọn.

LiteSpeed ​​Với Gói Tiêu chuẩn của QUIC

Nếu bạn đang ở trên Lightspeed server và không thể sử dụng Cloudflare, thì QUIC là lựa chọn tốt nhất cho bạn. Tôi đã so sánh nó với cái khác lựa chọn thay thế như Bunny CDN, BayCDNvà SiteGround 2.0. Đây là những gì tôi tìm thấy:

  • băng thông bạn nhận được không quảng cáo sai sự thật và thực sự là không giới hạn.
  • Bạn không phải trả thêm tiền cho những thứ như sao chép địa lý và toàn trang caching.
  • Với gói tiêu chuẩn của QUIC, bạn không phải trả thêm tiền cho việc tối ưu hóa hình ảnh và tính năng Chống DDoS WAF cân bằng tải HTTP/3 của mình.

Đừng quá nhiệt tình với người tạo trang

Điều quan trọng nhất bạn cần biết khi nói đến trình tạo trang là họ thêm một số CSS và JavaScript bổ sung vào trang web của bạn và tăng mức sử dụng bộ nhớ. Điều này không có nghĩa là bạn không thể đạt được tốc độ tối đa nếu bạn đang sử dụng trình tạo trang; bạn có thể, nhưng bạn phải cẩn thận với việc lưu trữ và pluginbạn sử dụng và bạn cần tối ưu hóa.

Vì vậy, nếu bạn định sử dụng trình tạo trang, hãy đảm bảo bạn:

  • Hỗ trợ Load Font Awesome 4 bị tắt.
  • Tất cả các cài đặt hiệu suất có sẵn đều được bật.
  • Giữ việc sử dụng các vật dụng và cột ở mức tối thiểu.
  • Tắt trình tạo trang khi bạn không sử dụng chúng.
  • Đảm bảo phương thức in CSS của bạn được đặt thành “kiểu bên ngoài”.

Sử dụng hình ảnh CDNs

Bây giờ là năm 2024 và hình ảnh (và video) là nội dung chủ yếu ngày nay. Không tối ưu hóa hình ảnh có thể dẫn đến tăng server tiêu thụ tài nguyên và sưng lên. Vậy nó là tốt hơn nên sử dụng hình ảnh CDNs trái ngược với plugins.

Tôi đã sử dụng khá nhiều trong số chúng trong những năm qua: Hãy tưởng tượng, ShortPixel, Trình tối ưu hóa Bunny và Cloudflare Mirage/Polish, đến tên một vài. Trong số tất cả các tùy chọn này, tôi thấy CloudFlare là lựa chọn tốt nhất. Nó sẽ cung cấp cho bạn:

  • WebP
  • Thay đổi kích thước di động.
  • Chuyển đổi AVIF.
  • Tối ưu hóa mạng.
  • Không server sử dụng và không bị sưng lên.
  • AVIF hỗ trợ và phục vụ hình ảnh từ CDN.

Và điều tuyệt vời nhất là nó được bao gồm trong CloudFlare Enterprise. Bạn cần nhớ điều đó trong khi hầu hết CDNhỗ trợ WebP, một số trong số chúng không phải lúc nào cũng chuyển đổi hình ảnh, vì vậy bạn sẽ cầnxem Chrome Dev Tools và xem hình ảnh có được chuyển đổi hay không. Một điều cần lưu ý nữa là bạn cần phải xác định kích thước cụ thể.

Hầu hết cache plugins thực hiện việc này một cách tự động, nhưng nếu không phải như vậy, bạn luôn có thể thay đổi kích thước của hình ảnh trong tệp HTML của nó. Cuối cùng, cài đặt trình duyệt cache TTL đến 365 ngày vì sẽ tốt hơn nếu có thời gian dài hơn cache hết hạn đối với hình ảnh tĩnh vì chúng không thay đổi.

Đảm bảo là của bạn Cache Cấu hình Địa chỉ Web Vitals

Các chỉ số quan trọng về trang web về cơ bản là các số liệu hiệu suất Google cân nhắc khi đo lường trải nghiệm người dùng tổng thể trên trang web của bạn. Điều này có thể ảnh hưởng đến thứ hạng tìm kiếm của bạn. Điều quan trọng là bạn phải biết rằng hầu hết miễn phí cache plugins thiếu các tính năng hỗ trợ điều này, nhưng nếu phải lựa chọn, tôi sẽ chọn Hiệu suất Swift hoặc W3.

Ngoài ra, các tùy chọn cho trình tối ưu hóa SG và các tính năng cần thiết của WP Rocket như Lazy render các phần tử HTML và khả năng tương thích APO. Điều này thực sự để lại cho chúng tôi hai lựa chọn và bạn có thể xem so sánh bên dưới: 

                                        LiteSpeed Cache      FlyingPress
Server-bên cachingKhông
Trì hoãn JavaScript
Xóa CSS không sử dụngtập tin riêng biệttập tin riêng biệt
CSS quan trọng
Preload hình ảnh quan trọngDựa trên sốKhông
Loại trừ hình ảnh trong màn hình đầu tiênTự độngTự động
Tải hình nền lười biếngKhôngLớp người trợ giúp
Các phần tử HTML kết xuất lười biếng
Thêm kích thước hình ảnh bị thiếu
Hình ảnh xem trước iframe YouTube
Tự lưu trữ trình giữ chỗ YouTubeKhông
Lưu trữ phông chữ cục bộ
Hiển thị phông chữ: trao đổi
Preload liên kết
CDNQUIC.cloudCon thỏ CDN
Khả năng tương thích APO

Thành thật mà nói, tôi nghĩ WP Rocket đã tụt hậu trong những năm qua và không thực sự là lựa chọn tốt nhất để tối ưu hóa LCP, hình ảnh và lưu trữ phông chữ cục bộ. Tôi đã chuyển sang FlyingPress gần đây và tôi có thể nói với bạn rằng đó là tuyệt vời cho sức sống và tốc độ web.

Bạn có thể muốn giảm thiểu cache plugin Nếu bạn sử dụng CloudFlarekhông kết hợp CSS/Java vì nó có thể làm chậm trang web của bạn và là điều không nên làm trên HTTP/2.

Thiết lập Perfmatters Cài đặt cho bạn Cache Plugin

Tôi đã sử dụng Perfmatters khá nhiều trong những năm qua và dựa trên những gì tôi đã học được, tôi có thể nói với bạn rằng cài đặt bạn cần định cấu hình chắc chắn sẽ khác nhau đối với mỗi loại. plugin. Khi nó đến cache plugins, bạn thực sự chỉ có bốn lựa chọn đáng giá. Vì vậy, đây là bảng phân tích cho từng người trong số họ

Perfmatters Giàn cảnhFlyingPressLiteSpeed CacheWP RocketTrình tối ưu hóa trang web
Tổng quanKích hoạt tất cả các tùy chọnKích hoạt tất cả các tùy chọn nhưng di chuyển đăng nhập wp và nhịp timKích hoạt tất cả các tùy chọn ngoại trừ nhịp timKích hoạt tất cả các tùy chọn ngoại trừ nhịp tim
Tài sảnKích hoạt trình quản lý tập lệnhKích hoạt trình quản lý tập lệnhKích hoạt trình quản lý tập lệnh và sau đó xóa CSS không sử dụngKích hoạt trình quản lý tập lệnh, trì hoãn JavaScript và sau đó xóa CSS không sử dụng
PreloadingPreload Tệp CSS/JSPreload hình ảnh và phông chữ/tệp CSS/JS quan trọngPreload hình ảnh quan trọng và tệp CSS/JSPreload hình ảnh quan trọng và tệp CSS/JS
Đang tải LazytắtKích hoạt hình nền CSSKích hoạt hình nền CSSKích hoạt tất cả các cài đặt tải từng phần
FontstắttắtBật cục bộ Google FontsBật trao đổi hiển thị + cục bộ Google Fonts
CDNtắttắttắttắt
phân tíchtắttắttắttắt

Vì vậy, khi nói đến việc cấu hình cache plugins cho Perfmatters, bạn có thể cấu hình FlyingPress và LiteSpeed ​​như bình thường. Tuy nhiên, khi nói đến WP Rocket, bạn nên vô hiệu hóa tất cả các cài đặt CSS. Điều tương tự cũng xảy ra với Trình tối ưu hóa SG, nhưng bạn nên cũng vô hiệu hóa cài đặt tải lười biếng ở đó.

Lưu trữ cục bộ hoặc trì hoãn mã của bên thứ ba

Mã của bên thứ ba có thể chứa các tập lệnh chặn luồng chính của bạn và ngăn chặn các tác vụ thiết yếu.

Các mã này có thể làm giảm tốc độ server thời gian phản hồi, tra cứu DNS và lỗi phản hồi. Nhưng có một cách khắc phục nhanh chóng ở đây mà tôi đã học được trong nhiều năm.

  1. Lưu trữ cục bộ tất cả mã, phông chữ và hình thu nhỏ của bên thứ ba.
  2. Nếu bạn đang sử dụng LiteSpeed cache, bạn đang ở trong tình trạng tốt vì nó hỗ trợ các tài nguyên được bản địa hóa.
  3. Nếu không, bạn có thể sử dụng Perfmatters' địa phương Google phông chữ.
  4. Bạn cũng có thể sử dụng woff2 để xóa các họ phông chữ mà bạn không sử dụng.
  5. Trì hoãn mã của bên thứ ba dưới màn hình đầu tiên. 

Nhớ đến Preload

Preconnect giúp bạn thiết lập kết nối sớm với miền của bên thứ ba, tuy nhiên đây là điều bạn chỉ nên làm với phông chữ của bên thứ ba và CDN URL. Mặt khác, tìm nạp trước khá giống với kết nối trước. Sự khác biệt duy nhất là TCP hoặc TLS. Hãy nhớ rằng bạn nên preload phông chữ (sử dụng crossorigins với Prefmattters), hình ảnh, WP-Block-Library và các liên kết.

Khi bạn đã hoàn tất, hãy gửi trang web của bạn tới HSTS preload danh sách cho Chromevà bạn sẽ được tăng hiệu suất.

Preload HSTS

Loại bỏ CSS không sử dụng 

Hầu hết mọi người đều bỏ qua điều này, nhưng CSS không được sử dụng có thể ảnh hưởng đến hiệu suất trang web của bạn, vì vậy tốt hơn hết bạn nên xóa nó. Nếu bạn đang sử dụng WP Rocket, tôi khuyên bạn nên tắt tính năng này và sau đó kích hoạt nó trong Perfmatters bằng cách sử dụng "Tập tin" các tùy chọn cho “Phương pháp CSS đã qua sử dụng” thiết lập.

Kiểm tra chậm Plugins

Khi bạn tối ưu hóa tốc độ trang web của mình, bạn cần biết rằng plugin việc thực hiện chậm có thể ảnh hưởng đến tốc độ. Qua nhiều năm, tôi đã xác định được khá nhiều lý do tại sao một Plugin có thể chậm.

  • Lý do đầu tiên là thêm CSS và JavaScript vào giao diện người dùng. Bạn có thể tìm thấy JavaScript và CSS như vậy sử dụng Bảo hiểm loại bỏ chúng để tăng tốc độ của bạn WordPress trang web.
  • A plugin cũng có thể bị chậm nếu nó làm tăng mức sử dụng bộ nhớ. Để kiểm tra xem đây có phải là trường hợp không, sử dụng WP Hive. Nó sẽ tự động kiểm tra một plugin và cung cấp cho bạn tất cả thông tin chi tiết bạn cần.
  • Một số lý do khác có thể là plugin thêm cơ sở dữ liệu phình to hoặc sử dụng jQuery. Bạn có thể kiểm tra những vấn đề này sử dụng phpMyAdmin và Perfmatters hiển thị phụ thuộc.

Ngoài tất cả điều này, bạn cũng có thể tối ưu hóa plugins bằng cách thay thế chúng bằng CDNs hoặc Chặn, hạn chế các tác vụ nền, trì hoãn chúng và vô hiệu hóa các tính năng không sử dụng. Dưới đây là một số pluginmà tôi thấy có tác động đến cả bộ nhớ và tốc độ trang.

PluginPhân loạiTác động đến trí nhớTác động của tốc độ trang
All In One SEOSEOKhôngKhông
Gãy Link CheckerSEOKhông
Are OnNhận xétKhông
Elementortrang BuilderKhôngKhông
Tiện ích bổ sung cao cấp của Elementortrang BuilderKhông
Elementor Protrang BuilderKhôngKhông
JetElementstrang BuilderKhôngKhông
jetpackBảo mật KhôngKhông
Thư viện NextGENThư Viện ẢnhKhôngKhông
Trình tạo PopupPopupKhôngKhông
Bộ công cụ trang web của Googlephân tíchKhông

Vô hiệu hoá Plugins trên một số trang nhất định

Điều tiếp theo bạn có thể làm cho WordPress tối ưu hóa tốc độ là vô hiệu hóa plugins trên một số trang nhất định. Perfmatters và Asset CleanUp là hai trong số những lựa chọn phổ biến nhất để thực hiện việc này. tôi sử dụng Perfmatters, và vô hiệu hóa pluginViệc sử dụng công cụ này khá đơn giản.

Điều đầu tiên bạn cần làm là kích hoạt trình quản lý tập lệnh và chế độ kiểm tra. Để làm điều này, đi đến "Tài sản" cài đặt và xem bất kỳ trang nào trên trang web của bạn ở menu trên cùng rồi nhấp vào “Nước hoa” và sau đó “Trình quản lý tập lệnh.”

Bây giờ hãy chuyển đến cài đặt trình quản lý tập lệnh và bật chế độ kiểm tra. Khi bạn đã hoàn tất việc đó, bạn sẽ cần phải vô hiệu hóa plugins trên tất cả các trang được đăng hoặc trên thiết bị di động. Nếu bạn tắt chúng trên thiết bị di động thì bạn sẽ cần phải cho phép “di động riêng cache".

Biết LCP của bạn

Vì vậy, LCP về cơ bản được chia thành bốn phần phụ và mỗi phần liên quan đến một yếu tố khác nhau, chi tiết về chúng được đề cập dưới đây.

Tôi nhận thấy rằng hầu hết mọi người thường gặp khó khăn trong việc nắm chắc phần Sơn có nội dung lớn nhất (LCP). Tuy nhiên, đây là một trang web cốt lõi quan trọng và bạn cần phải hiểu nó.

Tiểu phần LCPCác yếu tố% LCP
TTFBCDN, lưu trữ, toàn trang caching, Vv~ 40%
Độ trễ tải tài nguyênxem hình ảnh từ lười biếng, preload phông chữ, hình ảnh khung nhìn, loại trừNhỏ hơn 10%
Thời gian tải tài nguyênGiảm kích thước/hình ảnh CSS/JS, CDN, CSS quan trọng, cache hết hạn~ 40%
Độ trễ hiển thị phần tửLiên quan đến việc trì hoãn, giảm bớt và dỡ bỏ JavaScriptNhỏ hơn 10%

Bạn có thể sử dụng hiểu biết về hiệu suất từ Chrome Những công cụ của nhà phát triển để xem TTFB nào tải lâu nhất. Khi đã xác định được điều đó, bạn có thể thực hiện LCP bằng cách di chuyển các tệp nặng xuống dưới màn hình đầu tiên, sử dụng Cloudflare SXG, trì hoãn JavaScript để ngăn chặn việc chặn hiển thị và lười hiển thị các phần tử HTML. Nếu bạn muốn biết thêm về LCP, thì đây Chrome video dành cho nhà phát triển là giá trị nó

Tránh thay đổi bố cục (CLS)

Sự thay đổi bố cục về cơ bản là mức độ thay đổi của trang khi tải. Điều này rất quan trọng đối với WordPress tối ưu hóa tốc độ và happens vì các thành phần khác nhau của trang tải ở tốc độ khác nhau, mà tôinflảnh hưởng đến lượt xem trang của người dùng. Bạn có thể sử dụng Googletrình gỡ lỗi thay đổi bố cục trang của để xem những thay đổi bố cục này diễn ra như thế nào trên trang web của bạn.

Trình gỡ lỗi CLS

Chúng tôi đã nói về rất nhiều điều bạn có thể làm để tối ưu hóa các thay đổi bố cục trong suốt hướng dẫn này và tôi sẽ đề cập lại chúng ở đây như một lời nhắc nhở.

  • Trao đổi preloadphông chữ và thêm kích thước hình ảnh bị thiếu.
  • Thay đổi của bạn cookie nhận thấy plugins, vì điều này cũng có thể gây ra sự thay đổi bố cục.
  • Dành không gian cho nội dung động và quảng cáo bằng cách thêm thứ nguyên và đặt chúng vào mã div.
  • Xóa CSS không sử dụng, đảm bảo rằng CSS quan trọng đang hoạt động và tạo lại CSS đó nếu bạn chỉnh sửa CSS.
  • Kích hoạt tính năng di động riêng biệt cache trong cache plugin để giảm thiểu sự thay đổi bố cục khi trang web của bạn tải trên thiết bị di động.

Giới hạn mức sử dụng tài nguyên ở mức dưới 50%

Khi bạn tối ưu hóa tốc độ trang web của mình; bạn cần chừa chỗ cho lưu lượng truy cập tăng đột biến và các tác vụ nền. Điều quan trọng cần nhớ là bạn có thể gặp hiện tượng lag nếu mức sử dụng CPU của bạn cao, do đó, tốt nhất nên giữ nó dưới 50%. Khi bạn đang cố gắng hạn chế việc sử dụng CPU, hãy nhớ rằng việc giảm tải băng thông của bạn xuống một CDN và loại bỏ việc sử dụng bộ nhớ cao plugins có thể giúp đỡ. Nhưng đó không phải là tất cả.

  • Vô hiệu hóa chia sẻ dữ liệu trong plugins.
  • Đi đến “wp_options” bảng và dọn sạch dữ liệu được tải tự động.
  • Đi đến WordPress cài đặt thảo luận và tắt pingback.
  • Sử dụng gói lưu trữ có đủ số lõi, RAM và giới hạn tài nguyên.
  • Giảm kích thước lô và tăng thời gian sử dụng ngô để hạn chế CSS không được sử dụng.
  • Một số hành động có thể khiến toàn bộ cache để xóa, dẫn đến việc sử dụng CPU tăng lên, do đó bạn cần hạn chế tự động cache thanh toán bù trừ.
  • Hãy nhớ rằng WP Rocket's preloading, LiteSpeed Cachetrình thu thập thông tin của SG Optimizer hoặc làm nóng trước của SG Optimizer cache sẽ tăng mức sử dụng CPU của bạn.

Sử dụng WP-Optimize cho cài đặt dọn dẹp cơ sở dữ liệu

Hầu hết cache pluginBạn gặp phải ba vấn đề thường gặp khi cố gắng dọn dẹp cơ sở dữ liệu của mình. Chung plugins không thể sao lưu cơ sở dữ liệu, xóa các bảng cơ sở dữ liệu bị bỏ lại bởi một số plugins và xóa tất cả các sửa đổi bài đăng.

Nhưng bạn sẽ không phải đối mặt với bất kỳ vấn đề nào nếu bạn sử dụng WP-Optimize để dọn dẹp cơ sở dữ liệu. Khi bạn đã thiết lập xong tất cả, bạn cần phải:

  1. Đi qua các bảng cơ sở dữ liệu của bạn.
  2. Xác định "không hoạt động" or "chưa cài đặt" bảng.
  3. Xóa plugins hoặc chủ đề nếu bạn không định sử dụng chúng.

Một điều quan trọng mà tôi đã học được qua nhiều năm là chắc chắn plugins, đặc biệt nếu họ thu thập dữ liệu, là điều tốt nhất cho bạn WordPress site, vì vậy tốt hơn hết là không sử dụng chúng. Nếu bạn muốn phân tích cho trang web của mình, tôi khuyên bạn nên gắn bó với Google phân tích hoặc bắt đầu sử dụng nó nếu bạn chưa sử dụng.

Tối ưu hóa cho thiết bị di động

Đây là điều hiển nhiên. Hầu hết những người truy cập trang web của bạn có thể đang thực hiện việc đó từ thiết bị di động và bạn cần đảm bảo rằng trang web của mình được tối ưu hóa cho điều đó. Hiện nay, hầu hết các tối ưu hóa dành cho máy tính để bàn đều được chuyển sang thiết bị di động. Tuy nhiên, trong trường hợp không, đây là những gì bạn sẽ làm:

  • Bật thiết bị di động caching trong cache plugin.
  • Sử dụng Perfmatters đến vô hiệu hóa CSS và Javascript không sử dụng dựa trên loại thiết bị.
  • Tập trung vào việc giảm độ trễ vì đó là chìa khóa cho người dùng di động và một phần của TTFB.
  • Kiểm tra CLS trên thiết bị di động bằng cách sử dụng công cụ gỡ lỗi thay đổi bố cục mà tôi đã đề cập trước đó và sửa các thay đổi bố cục trên thiết bị di động.
  • Sử dụng CloudFlare Enterprise như mạng của nó, định tuyến ưu tiên và cân bằng tải đóng vai trò rất lớn trong việc hạn chế tác động của CDN PoP.

Chỉ chọn Pluginbạn cần

Tôi đã chia sẻ một danh sách miễn phí plugins với bạn dưới đây. Rõ ràng là bạn không cần tất cả chúng, vì vậy hãy xem qua danh sách và sử dụng những thứ phù hợp với bạn.

  • OMGF.
  • Debloat.
  • Optimole.
  • Unbloater.
  • WP Crontrol.
  • Tối ưu hóa WP.
  • Flying Scripts.
  • Query Monitor.
  • Tắt tiện ích.
  • Flying Analytics.
  • WP Foft Loader.
  • WPS Hide Login.
  • LiteSpeed Cache.
  • WP YouTube Lyte.
  • Heartbeat Control.
  • Disable XML-RPC.
  • Limit Login Attempts.
  • Redis Object Cache.
  • Simple Local Avatars.
  • Blackhole For Bad Bots.
  • WP Server Health Stats.
  • WP Hosting Benchmark.
  • Preload Featured Images.
  • Pre* Party Resource Hints.
  • ShortPixel Adaptive Images.
  • Disable WooCommerce Bloat.
  • WP Hosting Performance Check.
  • Super Page Cache for Cloudflare.
  • Headers Security Advanced & HSTS WP.

Hãy xem thiết lập của tôi 

Nếu vẫn còn giữa tất cả các lựa chọn trước mắt, hãy xem cách thiết lập của tôi để lấy cảm hứng. Có lẽ nó sẽ giúp bạn đưa ra quyết định.

Dịch vụPhân loại
Rocket.netLưu trữ web
Cloudflare EnterpriseCDN (đi cùng Rocket.net)
FlyingPressCache Plugin
PerfmattersTối ưu hóa khác
KadenceChủ đề (Miễn phí)
Kadence BlocksGuternberg Block Mẫu (Miễn phí)

Bây giờ, tôi muốn cho bạn biết rằng việc thiết lập này có thể khiến bạn tốn nhiều tiền hơn ngân sách của mình. Vì vậy, nếu bạn không muốn chi tiêu nhiều hơn thì đây không phải là dành cho bạn.

Tuy nhiên, tôi có một giải pháp thay thế rẻ hơn mà bạn có thể thiết lập để thay thế. Hãy nhìn xem.

Dịch vụPhân loại
NameHero Turbo CloudLưu trữ web
QUIC.cloud (Gói trả phí)CDN
LiteSpeed CacheCache Plugin
PerfmattersTối ưu hóa linh tinh
NameHeroEmail Hosting

Dưới đây là điểm tốc độ trang web của tôi trên PageSpeed ​​Insights & GTmetrix.

riderchris điểm số di động
Điểm di động
riderchris điểm số máy tính để bàn
Điểm trên máy tính để bàn
riderchris điểm gtmetrix
Điểm GTmetrix

Và ngay đó là hướng dẫn cơ bản về cách Tăng WordPress Website Tốc độ & Vượt qua Core Web Vitals trong 2024

Hãy làm theo của tôi WhatsApp Channel để biết thông tin cập nhật mới nhất. Bạn cũng có thể Liên lạc với tôi nếu bạn cần thêm sự trợ giúp nào.

bài viết tương tự