Tái tạo CSS quan trọng trong WP Rocket là gì?

Nhưng tôi đã chuyển sang FlyingPress, nó nhanh hơn nhiều nếu bạn so sánh các tính năng của chúng, CDN hoặc xem cái này [tôi đoán là tôi sẽ nói với bạn trước khi bạn đi quá sâu vào việc thiết lập WP Rocket]

Nhưng tôi sẽ cho rằng bạn đang gắn bó với WP Rocket và giúp bạn tận dụng tối đa nó. Tôi đã sử dụng nó trong nhiều năm và đã cập nhật hướng dẫn này với “cài đặt mới” nhiều lần hơn tôi có thể đếm được

Mục tiêu của tôi là vượt ra ngoài việc lấy lại tài liệu của họ và nói về những thứ như APO của Cloudflare, lười tải hình nền và thiếu các tính năng như lưu trữ phông chữ cục bộ, tối ưu hóa hình ảnh và thay đổi kích thước hình ảnh cho thiết bị di động. Tôi cũng sẽ cho bạn thấy lý do tại sao BunnyCDN [và Cloudflare Enterprise] vượt xa RocketCDN hàng dặm, cách Perfmatters tối ưu hóa một số thứ còn thiếu trong WP Rocket và tại sao "xóa CSS không sử dụng" lại nhanh hơn trong Perfmatters/FlyingPress

Tôi biết hầu hết các chi nhánh đều khẳng định WP Rocket là “plugin bộ đệm tốt nhất” nhưng điều đó không đúng. FlyingPress và LiteSpeed ​​Cache vượt xa hàng dặm, nhưng hãy đọc bài đánh giá này và tự quyết định

Tuyên bố từ chối trách nhiệm liên kết – Tôi sử dụng các liên kết aff và đánh giá cao sự hỗ trợ của bạn. Nếu bạn chưa mua WP Rocket, bạn có thể được giảm giá 10% bằng cách đăng ký danh sách email của họ trên trang phiếu giảm giá của họ

 

1. bảng điều khiển

Thông tin chung về đăng ký WP Rocket và RocketCDN của bạn. Tôi không bao giờ để plugin thu thập dữ liệu vì nó làm giảm hiệu suất [rất nhỏ]. Bạn có thể xóa bộ nhớ cache nếu bạn thực hiện thay đổi thiết kế và không nhìn thấy chúng. Nếu không, không có gì để làm ở đây. Tôi đã để đăng ký của mình hết hạn sau khi chuyển sang FlyingPress nhưng sẽ sớm gia hạn để cập nhật hướng dẫn này

 

2. Bộ nhớ cache

Có một số trường hợp nên vô hiệu hóa bộ nhớ đệm trang của WP Rocket bằng cách sử dụng plugin trợ giúp

• Khi máy chủ của bạn đã xử lý bộ nhớ đệm trang
• Khi bạn đang sử dụng Super Page Cache cho Cloudflare
• Khi bạn đang sử dụng một plugin bộ đệm khác để lưu vào bộ nhớ đệm trang

từ Kinsta giải thích lý do nên bật bộ nhớ đệm trang của WP Rocket khi sử dụng APO. Đó là một lớp khác so với bộ nhớ đệm trang trên máy chủ gốc, bộ đệm đối tượng, v.v. Điều đó có nghĩa là trong hầu hết các trường hợp, bạn nên giữ Bộ nhớ đệm của WP Rocket Bật. Tôi không khuyên bạn nên sử dụng 2 plugin bộ đệm nhưng một số người thích sử dụng Trình tối ưu hóa SG để tạo bộ đệm và WP Rocket để tối ưu hóa WordPress, vì vậy bạn sẽ tắt bộ đệm trang của WP Rocket. Khi nghi ngờ, hãy liên hệ với chủ nhà của bạn. . Tôi không khuyên bạn nên sử dụng 2 plugin bộ đệm nhưng một số người thích sử dụng Trình tối ưu hóa SG để tạo bộ đệm và WP Rocket để tối ưu hóa WordPress, vì vậy bạn sẽ tắt bộ đệm trang của WP Rocket. Khi nghi ngờ, hãy liên hệ với chủ nhà của bạn. . Tôi không khuyên bạn nên sử dụng 2 plugin bộ đệm nhưng một số người thích sử dụng Trình tối ưu hóa SG để tạo bộ đệm và WP Rocket để tối ưu hóa WordPress, vì vậy bạn sẽ tắt bộ đệm trang của WP Rocket. Khi nghi ngờ, hãy liên hệ với chủ nhà của bạn. . Tôi không khuyên bạn nên sử dụng 2 plugin bộ đệm nhưng một số người thích sử dụng Trình tối ưu hóa SG để tạo bộ đệm và WP Rocket để tối ưu hóa WordPress, vì vậy bạn sẽ tắt bộ đệm trang của WP Rocket. Khi nghi ngờ, hãy liên hệ với chủ nhà của bạn. . Tôi không khuyên bạn nên sử dụng 2 plugin bộ đệm nhưng một số người thích sử dụng Trình tối ưu hóa SG để tạo bộ đệm và WP Rocket để tối ưu hóa WordPress, vì vậy bạn sẽ tắt bộ đệm trang của WP Rocket. Khi nghi ngờ, hãy liên hệ với chủ nhà của bạn. . Tôi không khuyên bạn nên sử dụng 2 plugin bộ đệm nhưng một số người thích sử dụng Trình tối ưu hóa SG để tạo bộ đệm và WP Rocket để tối ưu hóa WordPress, vì vậy bạn sẽ tắt bộ đệm trang của WP Rocket. Khi nghi ngờ, hãy liên hệ với chủ nhà của bạn. . Tôi không khuyên bạn nên sử dụng 2 plugin bộ đệm nhưng một số người thích sử dụng Trình tối ưu hóa SG để tạo bộ đệm và WP Rocket để tối ưu hóa WordPress, vì vậy bạn sẽ tắt bộ đệm trang của WP Rocket. Khi nghi ngờ, hãy liên hệ với chủ nhà của bạn. . Tôi không khuyên bạn nên sử dụng 2 plugin bộ đệm nhưng một số người thích sử dụng Trình tối ưu hóa SG để tạo bộ đệm và WP Rocket để tối ưu hóa WordPress, vì vậy bạn sẽ tắt bộ đệm trang của WP Rocket. Khi nghi ngờ, hãy liên hệ với chủ nhà của bạn. . Tôi không khuyên bạn nên sử dụng 2 plugin bộ đệm nhưng một số người thích sử dụng Trình tối ưu hóa SG để tạo bộ đệm và WP Rocket để tối ưu hóa WordPress, vì vậy bạn sẽ tắt bộ đệm trang của WP Rocket. Khi nghi ngờ, hãy liên hệ với chủ nhà của bạn. . Tôi không khuyên bạn nên sử dụng 2 plugin bộ đệm nhưng một số người thích sử dụng Trình tối ưu hóa SG để tạo bộ đệm và WP Rocket để tối ưu hóa WordPress, vì vậy bạn sẽ tắt bộ đệm trang của WP Rocket. Khi nghi ngờ, hãy liên hệ với chủ nhà của bạn. . Tôi không khuyên bạn nên sử dụng 2 plugin bộ đệm nhưng một số người thích sử dụng Trình tối ưu hóa SG để tạo bộ đệm và WP Rocket để tối ưu hóa WordPress, vì vậy bạn sẽ tắt bộ đệm trang của WP Rocket. Khi nghi ngờ, hãy liên hệ với chủ nhà của bạn. . Tôi không khuyên bạn nên sử dụng 2 plugin bộ đệm nhưng một số người thích sử dụng Trình tối ưu hóa SG để tạo bộ đệm và WP Rocket để tối ưu hóa WordPress, vì vậy bạn sẽ tắt bộ đệm trang của WP Rocket. Khi nghi ngờ, hãy liên hệ với chủ nhà của bạn. . Tôi không khuyên bạn nên sử dụng 2 plugin bộ đệm nhưng một số người thích sử dụng Trình tối ưu hóa SG để tạo bộ đệm và WP Rocket để tối ưu hóa WordPress, vì vậy bạn sẽ tắt bộ đệm trang của WP Rocket. Khi nghi ngờ, hãy liên hệ với chủ nhà của bạn. . Tôi không khuyên bạn nên sử dụng 2 plugin bộ đệm nhưng một số người thích sử dụng Trình tối ưu hóa SG để tạo bộ đệm và WP Rocket để tối ưu hóa WordPress, vì vậy bạn sẽ tắt bộ đệm trang của WP Rocket. Khi nghi ngờ, hãy liên hệ với chủ nhà của bạn.

WP Rocket có hướng dẫn cụ thể và plugin trợ giúp khi sử dụng NGINX + Varnish, chẳng hạn như sử dụng plugin trợ giúp NGINX khi bật bộ nhớ đệm NGINX và sử dụng IP Varnish tùy chỉnh

Bộ nhớ cache trên thiết bị di động. Bật – bật bộ nhớ đệm cho điện thoại [bảng được xử lý giống như máy tính để bàn nhưng có thể thay đổi bằng plugin trợ giúp]. Lý do duy nhất nên tắt bộ nhớ cache trên thiết bị di động là nếu trang web của bạn không phản hồi. Kiểm tra tài liệu nếu bạn thấy hiển thị sai trên một số thiết bị nhất định.

Tách tệp bộ đệm cho thiết bị di động. Tắt – chỉ bật nếu bạn có các yếu tố dành riêng cho thiết bị di động và cần WP Rocket để hiển thị chúng bằng bộ đệm di động riêng hoặc tương tự nếu bạn đang sử dụng . Nếu không, bạn nên tắt cài đặt này.

Bộ nhớ cache của người dùng. Tắt – chỉ bật nếu bạn có người dùng đã đăng nhập [i. e. bbPress] nơi có nội dung dành riêng cho người dùng. Trong trường hợp này, WP Rocket cung cấp cho mỗi người dùng phiên bản được lưu trong bộ nhớ cache của riêng họ. Nếu bạn bật tính năng này và có các trang đăng nhập và đăng xuất tùy chỉnh, hãy đảm bảo rằng những trang đó được loại trừ khỏi bộ đệm. Nếu tính năng này được bật, có một số plugin trợ giúp để bộ đệm của người dùng hoạt động bình thường như bộ đệm ẩn trang bắt buộc, tắt bộ đệm ẩn trang cho người dùng đã đăng nhập và bộ đệm chung cho người dùng đã đăng nhập.

Tuổi thọ của bộ nhớ đệm. 24 giờ – số thấp hơn có nghĩa là bộ đệm làm mới thường xuyên nhưng tăng mức sử dụng CPU [tốt nếu bạn xuất bản nội dung thường xuyên và cần cập nhật trang web của mình]. Con số cao hơn có nghĩa là bộ đệm sẽ không làm mới thường xuyên, điều này có thể làm giảm mức sử dụng CPU [tốt nếu bạn không xuất bản nội dung thường xuyên và muốn tiết kiệm tài nguyên máy chủ]. Nếu bạn đang gặp sự cố về CPU, bạn cũng có thể sử dụng plugin trợ giúp của WP Rocket để tắt tự động xóa bộ đệm.

 

3. Tối ưu hóa tệp

Cài đặt tối ưu hóa tệp của WP Rocket được cho là có tác động lớn nhất đến tốc độ và sức sống của trang web, nhưng chúng cũng có thể khác nhau đối với mỗi trang web. Đối với hầu hết các trang web, việc rút gọn CSS/JS nên BẬT nhưng kết hợp CSS/JS nên TẮT. Loại bỏ CSS không sử dụng lý tưởng nên được thực hiện bởi Perfmatters [không phải WP Rocket]. Trì hoãn/trì hoãn JavaScript phải BẬT và có thể cải thiện nhiều mục PSI

Giảm thiểu tệp CSS/JS. Bật – xóa khoảng trắng khỏi mã. Khi sử dụng APO, Cloudflare sử dụng WP Rocket để thu nhỏ, sau đó TẮT cài đặt thu nhỏ trong Cloudflare.

Kết hợp các tệp CSS/JS. Tắt – cài đặt này không hoạt động khi "chậm trễ thực thi JavaScript" được bật. WP Johnny cũng giải thích lý do tại sao bạn không nên kết hợp đặc biệt trên các trang web có tệp CSS/JS lớn [bạn có thể kiểm tra điều này trong biểu đồ Thác nước GTmetrix của mình]. Việc kết hợp các tệp CSS/JS cũng có thể gây ra sự cố khi sử dụng máy chủ HTTP/2 và HTTP/3. Vì tất cả những lý do này, hãy tắt cài đặt này.

Tệp CSS/JS bị loại trừ. nếu bật cài đặt thu nhỏ làm hỏng trang web của bạn, hãy xem mã nguồn của bạn, tìm tệp có vấn đề và thêm tệp đó vào đây. Xem bài đăng của WP Rocket về cách giải quyết các sự cố thu nhỏ

Tối ưu hóa phân phối CSS. Tắt [Thay vào đó, hãy sử dụng Perfmatters để xóa CSS không sử dụng] – một vấn đề lớn với tính năng loại bỏ CSS không sử dụng của WP Rocket là ngay cả sau khi họ đã cải tiến tính năng này trong 3. 11, nó vẫn tải nội tuyến CSS đã sử dụng. Mặc dù điều này tốt hơn cho điểm số nhưng lại chậm hơn đối với khách truy cập do tệp không thể được lưu vào bộ đệm và tăng kích thước HTML. Ngay cả nội tuyến cũng tốt hơn cho điểm số Tốc độ trang trong khi “tệp riêng biệt” tốt hơn cho hiệu suất được cảm nhận. FlyingPress [và bây giờ là Perfmatters sau khi họ phát hành bản cập nhật] tải CSS đã sử dụng trong một tệp bên ngoài nhanh hơn.

Cả Vikas và Vikas đều đồng ý rằng phương pháp “tệp bên ngoài” sẽ nhanh hơn đối với khách truy cập thựcSử dụng Perfmatters để xóa CSS không sử dụng bằng phương pháp “tệp” [thay vì WP Rocket]

Nếu bạn không sử dụng Perfmatters, bạn có thể sử dụng WP Rocket để xóa CSS không sử dụng thay thế

Nếu việc xóa CSS không sử dụng làm hỏng trang web của bạn, bạn sẽ muốn tải CSS không đồng bộ [mặc dù nó sẽ không mang lại cho bạn kết quả tốt]. Sau khi được bật, hãy chạy trang web của bạn thông qua trình tạo CSS quan trọng, sao chép mã và dán vào CSS quan trọng dự phòng. Nếu bạn vẫn gặp sự cố và nó đang phá vỡ trang web của bạn, thì bạn có thể sử dụng plugin trợ giúp để loại trừ các tệp có vấn đề khỏi quá trình phân phối CSS

Nếu xóa CSS không sử dụng làm hỏng trang web của bạn trong WP Rocket, hãy tải CSS không đồng bộSử dụng trình tạo CSS quan trọng để đặt CSS quan trọng dự phòng

Các tệp CSS/JS lớn thường do chủ đề/plugin gây ra. Bạn có thể kiểm tra trong tab phạm vi Công cụ dành cho nhà phát triển Chrome của mình. Thay vì dựa vào một plugin để thực hiện công việc cho bạn, bạn sẽ có kết quả tốt hơn nếu bạn sửa nó tại nguồn [nói cách khác, sử dụng Gutenberg và các plugin nhẹ]

Tải JavaScript Bị Trì Hoãn. Bật – tải JavaScript sau khi trang hoàn tất quá trình phân tích cú pháp và loại bỏ các tài nguyên chặn hiển thị trong PSI. Nếu bạn vẫn gặp sự cố chặn hiển thị, bạn có thể thử cài đặt Async JavaScript trên WP Rocket, sau đó bật “áp dụng trì hoãn” trong cài đặt.

Tôi khuyên bạn nên thử Async JavaScript với WP Rocket [cài đặt và nhấp vào “áp dụng trì hoãn”]

Trì hoãn thực thi JavaScript. Bật – trì hoãn tải JavaScript cho đến khi người dùng tương tác [chẳng hạn như cuộn hoặc chạm vào màn hình trên thiết bị di động]. Nếu điều này làm hỏng trang web của bạn, hãy xem các loại trừ khả năng tương thích của WP Rocket và loại trừ mọi plugin/chủ đề/dịch vụ khỏi bị trì hoãn bằng cách sử dụng tài liệu của họ. Ngoài ra, hãy đảm bảo rằng dữ liệu/doanh thu của bạn không bị ảnh hưởng khi sử dụng AdSense.

Điều này có thể cải thiện đáng kể nhiều lĩnh vực của các chỉ số quan trọng về web cốt lõi. Bạn cũng có thể sử dụng plugin Flying Scripts cho phép bạn thêm JavaScript theo cách thủ công và trì hoãn nó bằng khoảng thời gian chờ, nhưng WP Rocket hoạt động tốt. Và hãy nhớ rằng, bật tính năng này sẽ vô hiệu hóa và làm xám các cài đặt kết hợp

 

4. Phương tiện truyền thông

WP Rocket thiếu một số tính năng tối ưu hóa hình ảnh, vì vậy tôi sẽ đề cập đến cài đặt Phương tiện và giải pháp thay thế cho các tính năng còn thiếu [bao gồm hình ảnh nền lười tải + tải trước phần tử LCP của bạn]

Lazy Load cho hình ảnh. Bật – trì hoãn tải hình ảnh cho đến khi người dùng cuộn xuống trang và chúng hiển thị trong chế độ xem. Khi nó được bật, WP Rocket sẽ tự động vô hiệu hóa lazy load gốc.

Ngay cả khi tải chậm được bật trong WP Rocket, nó sẽ không tải chậm hình ảnh nền trong Elementor, các tệp CSS riêng biệt, khi sử dụng tính năng viết lại WebP toàn cầu của ShortPixel và trong các tình huống khác. Điều này có thể dẫn đến lỗi trong Thông tin chi tiết về tốc độ trang để trì hoãn hình ảnh ngoài màn hình. Vì vậy, bạn có một vài lựa chọn

• Di chuyển hình nền để WP Rocket có thể lười tải chúng
• Vô hiệu hóa tải chậm trong WP Rocket và sử dụng Optimole để tải chậm hình ảnh nền bằng bộ chọn CSS [bạn sẽ sử dụng Công cụ dành cho nhà phát triển Chrome để tìm bộ chọn cho hình nền]
• Sử dụng một. Điều này được tích hợp sẵn trong FlyingPress hoặc bạn có thể thử thêm mã. Điều này làm cho nó dễ dàng hơn nhiều vì bạn chỉ cần gán lazy-bg làm lớp CSS bổ sung

Sử dụng lớp lazy-bg dễ dàng hơn giải pháp di chuyển hình nền của WP Rocket sang HTML nội tuyến

WP Rocket lười tải hình nền khi được áp dụng nội tuyến trong HTML bằng một cái này

• div
• nhịp
• tiết diện
• li
• nhân vật
• a

div có lẽ là dễ nhất và được hiển thị trong tài liệu của họ, vì vậy chúng tôi sẽ gắn bó với điều đó. Tất cả những gì bạn phải làm là làm theo cùng một đánh dấu được sử dụng trong tài liệu của WP Rocket, giống như thế này

Nếu bạn sử dụng SVG, kích thước hình ảnh sẽ hiển thị trên giao diện người dùng

Bật cho iframe và video. Bật – tương tự như lười tải hình ảnh nhưng dành cho iframe/video.

Thay thế iframe YouTube bằng hình ảnh xem trước. Bật – thay thế “trình phát YouTube chất lượng cao” bằng hình ảnh xem trước để hình ảnh chỉ được tải khi mọi người nhấp vào hình ảnh đó. Nó có thể cải thiện đáng kể thời gian tải khi nhúng video. Tuy nhiên, bạn có thể thấy các yêu cầu bên ngoài từ ytimg. com từ hình thu nhỏ. FlyingPress là plugin duy nhất mà tôi biết có trình giữ chỗ YouTube tự lưu trữ.

Loại trừ hình ảnh hoặc iframe – tải chậm hình ảnh/iframe trong màn hình đầu tiên là phản trực giác vì khách truy cập nhìn thấy chúng ngay lập tức [điều này cũng làm tăng LCP]. Sao chép URL của hình ảnh trong màn hình đầu tiên và loại trừ chúng ở đây. Các ví dụ phổ biến là biểu trưng, ​​nền và hình ảnh thanh bên

Bạn cũng nên tải trước các hình ảnh trong màn hình đầu tiên, nhưng WP Rocket không có cài đặt cho nó. PSI hiển thị phần tử LCP của bạn thường là hình ảnh/hình nền. Bạn có thể sử dụng Perfmatters để , sử dụng Gợi ý tài nguyên nhóm trước* hoặc thêm mã theo cách thủ công vào tiêu đề của bạn

Thêm kích thước hình ảnh bị thiếu. Bật – thêm thuộc tính chiều rộng/chiều cao bị thiếu vào hình ảnh HTML. Điều này khắc phục sự thay đổi bố cục cũng như sử dụng chiều rộng và chiều cao rõ ràng trên các phần tử hình ảnh trong PSI. Khi xem HTML của hình ảnh của bạn, bây giờ nó sẽ có chiều rộng và chiều cao với các kích thước được chỉ định.

WP Rocket không nén hình ảnh, phân phát chúng ở định dạng thế hệ tiếp theo [WebP] hoặc phân phát hình ảnh nhỏ hơn cho thiết bị di động. Đọc các lựa chọn thay thế

 

5. tải trước

Tìm hiểu cách giảm mức sử dụng CPU bằng cách chỉ tải trước các URL sơ đồ trang web quan trọng và thay đổi khoảng thời gian thu thập thông tin, cách tải trước phông chữ và lý do tại sao bạn [thường] không cần tìm nạp trước bất kỳ miền nào

Kích hoạt tải trước. Bật – yêu cầu trình duyệt sớm bắt đầu tìm nạp các tài nguyên cần thiết. Nếu bạn đang sử dụng CPU cao, hãy cài đặt và thay đổi khoảng thời gian thu thập dữ liệu từ 500 mili giây mặc định thành 1000 mili giây. Bạn thậm chí có thể thiết lập một công việc định kỳ để WP Rocket bắt đầu tải trước vào một thời điểm cụ thể [tôi. e. vào lúc nửa đêm / giờ giao thông thấp].

Kích hoạt tính năng tải trước bộ nhớ cache dựa trên Sơ đồ trang web. Bật – tải trước toàn bộ sơ đồ trang web có thể tăng mức sử dụng CPU. Điều tốt nhất cần làm là kiểm tra sơ đồ trang web của bạn [tôi. e. https. //ví dụ. com/sitemap_index. xml] và chỉ thêm những cái quan trọng nhất. Trong hầu hết các trường hợp, đây chỉ là trang của bạn và đăng sơ đồ trang web.

Liên kết tải trước. Bật – khi người dùng di chuột qua một liên kết trong hơn 100 mili giây [hoặc chạm vào liên kết trên thiết bị di động], trang sẽ tải xuống ở chế độ nền để khi người dùng nhấp vào . Điều này sẽ không cải thiện điểm số nhưng giúp cải thiện thời gian tải. Vấn đề là nếu bạn có một trang web nơi người dùng di chuột qua nhiều liên kết [tôi. e. hình ảnh sản phẩm], nó có thể gây đột biến CPU.

Tìm nạp trước yêu cầu DNS – kiểm tra tab nguồn của Công cụ dành cho nhà phát triển Chrome để xem tất cả tên máy chủ của bên thứ ba đang tải trên trang web của bạn. Hầu hết trong số này đã bị trì hoãn [thông qua việc thực thi JavaScript bị trì hoãn], vì vậy không có lý do gì để tìm nạp trước chúng. WP Rocket tự động kết nối trước CDN CNAME + phông chữ. tĩnh. com, vì vậy không có lý do gì để tìm nạp trước những thứ này. Các miền của bên thứ ba duy nhất bạn nên tìm nạp trước là những miền không bị trì hoãn hoặc kết nối trước bởi WP Rocket. Trong hầu hết các trường hợp, đây chỉ là một vài miền hoặc thậm chí là 0. Mặc dù tải trước/kết nối trước quá nhiều URL có thể tác động tiêu cực đến tốc độ, nhưng tìm nạp trước sẽ dễ dàng hơn nếu bạn thêm các miền không được sử dụng

Tải trước phông chữ – bạn không cần phải làm bất cứ điều gì ở đây nếu loại bỏ CSS không sử dụng được bật vì WP Rocket sẽ. Nếu nó không bật, bạn sẽ cần tải trước phông chữ theo cách thủ công

Chỉ có thể tải trước phông chữ tự lưu trữ [phông chữ được cung cấp từ trang web hoặc CDN của bạn, không phải phông chữ. tĩnh. com]. Trong Elementor, bạn có thể lưu trữ cục bộ phông chữ trong Trình tùy chỉnh chủ đề → Hiệu suất. Hoặc bạn cũng có thể sử dụng plugin OMGF hoặc thậm chí lưu trữ phông chữ thủ công cục bộ

Sau khi phông chữ được lưu trữ cục bộ, hãy mở biểu đồ GTmetrix Waterfall của bạn và xem tất cả các tệp phông chữ của bạn. Tìm bất kỳ phông chữ nào đang tải trong màn hình đầu tiên hoặc được đề cập trong tệp CSS của bạn, sao chép URL của chúng và dán chúng vào WP Rocket để tải trước chúng. Kiểm tra lại trang web của bạn trong GTmetrix và bạn sẽ nhận thấy thời gian chặn phông chữ nhanh hơn. Tránh tải trước quá nhiều phông chữ có thể có tác động tiêu cực. PSI đã từng cho bạn biết phông chữ nào sẽ tải trước trong các yêu cầu khóa tải trước, nhưng tôi không nghĩ bây giờ nó sẽ như vậy

 

6. Quy tắc nâng cao

Chỉ có một số tình huống mà bạn cần sử dụng các quy tắc nâng cao của WP Rocket, nhưng phần lớn các trang web có thể để nguyên các quy tắc này. WP Rocket đã tương thích với hầu hết các trang web Thương mại điện tử [tôi. e. WooC Commerce] và loại trừ các trang giỏ hàng, thanh toán và tài khoản của tôi

Không bao giờ lưu URL vào bộ nhớ đệm – nếu bạn đang sử dụng giỏ hàng Thương mại điện tử không được WP Rocket hỗ trợ, hãy thêm trang giỏ hàng và trang thanh toán của bạn tại đây. Thao tác này sẽ loại trừ các trang này khỏi bộ đệm

Never Cache Cookies – nguyên tắc tương tự như tùy chọn trước đó chỉ dựa trên cookie

Không bao giờ lưu tác nhân người dùng vào bộ nhớ đệm – ngăn Googlebot hoặc các tác nhân người dùng khác lưu các trang vào bộ đệm

Luôn thanh lọc URL – giả sử bạn có danh sách blog trên trang chủ của mình. Nếu bạn tạo một bài đăng mới, bạn muốn danh sách blog của trang chủ đó được cập nhật ngay lập tức bằng cách làm trống bộ nhớ cache của trang chủ. Đó là những gì cài đặt này thực hiện, tuy nhiên WP Rocket sẽ tự động xóa bộ nhớ cache cho trang chủ, danh mục và thẻ của bạn sau khi nội dung mới được tạo… vì vậy thường không cần điều này. Nhưng nếu có bộ nhớ cache của trang khác mà bạn muốn xóa khi nội dung mới được đăng, hãy thêm nó

Chuỗi truy vấn bộ đệm - chuỗi truy vấn là các URL trông như thế này. ?nước=ý. Các URL này không được lưu vào bộ nhớ cache theo mặc định nhưng nếu bạn muốn lưu chúng vào bộ nhớ cache, hãy thêm "quốc gia" vào trường [ví dụ]

 

7. cơ sở dữ liệu

Bạn thường nên xóa mọi thứ trừ đăng các bản sửa đổi + lưu tự động, sau đó sử dụng WP-Optimize để làm sạch sâu cơ sở dữ liệu của bạn

• Sửa đổi. Tắt – mỗi khi bạn nhấn nút “Xuất bản”, bản sửa đổi bài đăng sẽ được lưu trữ. Thay vì xóa tất cả chúng khiến bạn không có bản sao lưu, chúng nên được giới hạn ở mức có thể là 3-10. Bạn có thể thực hiện việc này bằng cách thêm mã bên dưới vào tệp wp-config của mình hoặc sử dụng WP-Optimize.

define['WP_POST_REVISIONS', 5];

• Bản nháp tự động. Tắt – nếu bạn vô tình thoát khỏi trình duyệt của mình, WordPress sẽ lưu trữ các bản nháp tự động để bạn không bị mất công việc. Nếu bạn chắc chắn mình không có, bạn có thể xóa chúng.
• Bài đăng bị chuyển vào thùng rác. Bật – bài đăng/bản nháp bạn đã xóa.
• Bình luận rác. Bật – nhận xét bị đánh dấu là spam.
• Nhận xét bị chuyển vào thùng rác. Bật – nhận xét bị đánh dấu là rác.
• Thời gian tạm thời đã hết hạn. Bật – tạm thời đã hết hạn và vẫn còn trong cơ sở dữ liệu của bạn.
• Tất cả Chuyển tiếp. Bật – lưu trữ dữ liệu mất nhiều thời gian để truy xuất [i. e. số lượng mạng xã hội blog].
• Tối ưu hóa bảng. Bật – tối ưu hóa bảng cơ sở dữ liệu nhưng không hoạt động trên công cụ InnoDB.
• Tự động dọn dẹp. Hàng tuần – mặc dù bạn nên sao lưu trước để đề phòng.

WP-Optimize – WP Rocket không cho phép bạn xem qua các bảng cơ sở dữ liệu thực tế của mình trong khi WP-Optimize thì có. Điều này không chỉ hữu ích trong việc xóa các bảng do plugin cũ để lại [mà bạn đã xóa] mà còn có thể hiển thị plugin/mô-đun nào thêm nhiều chi phí cơ sở dữ liệu nhất. Ví dụ: tôi đã quyết định vô hiệu hóa một số mô-đun Xếp hạng Toán học vì chúng đã thêm rất nhiều chi phí hoạt động. Điều này phổ biến với các plugin SEO, plugin bảo mật và các plugin khác thu thập/xử lý dữ liệu

Xóa các bảng do các plugin cũ để lạiVô hiệu hóa các mô-đun plugin bổ sung thêm nhiều chi phí

 

8. CDN

Phần này dành cho các CDN sử dụng URL CDN [BunnyCDN, RocketCDN, KeyCDN, v.v.]. Cloudflare được thiết lập trong , mặc dù tôi khuyên bạn nên sử dụng cả Cloudflare/BunnyCDN

Tại sao BunnyCDN tốt hơn RocketCDN [StackPath]

• Nó nhanh hơn [80 Tbps thay vì 65 Tbps của StackPath]
• BunnyCDN có 94 PoP trong khi StackPath chỉ có 60
• Nó có hiệu suất và độ tin cậy tốt hơn trên cdnperf. com
• Nó có bản sao địa lý mà tôi chắc chắn khuyên dùng [tiện ích bổ sung trả phí]
• Nó có Trình tối ưu hóa Bunny để tối ưu hóa hình ảnh ở cấp CDN [tiện ích bổ sung trả phí]
• StackPath đã bị xóa khỏi cdnperf. com và đã có vấn đề lớn trong quá khứ
• RocketCDN chỉ là một CDN phục vụ các tệp từ StackPath. Không có tính năng nào khác
• BunnyCDN là $0. 01/GB – $0. 06/GB tùy khu vực bạn sử dụng, rất rẻ
• RocketCDN quảng cáo $7. 99/tháng cho băng thông không giới hạn, quảng cáo gây hiểu lầm

Tôi sử dụng Cloudflare + BunnyCDN cũng được Gijo khuyên dùng từ WP Speed ​​Matters [cùng một người từ FlyingPress]. Tôi sử dụng Cloudflare Enterprise trên Rocket. net hoặc bạn có thể lấy thông tin này qua Cloudways hoặc Kinsta [nhưng không có bộ nhớ đệm toàn trang và các trang thách thức gây phiền nhiễu]

Dưới đây là một số cuộc thăm dò và chủ đề

Nguồn. Nhóm Facebook có vấn đề về tốc độ WP

Nguồn. Nhóm Facebook có vấn đề về tốc độ WP

Bước 1. Đăng ký BunnyCDN và thêm mã OMM5 vào phần thanh toán để nhận 5 đô la tín dụng miễn phí

Bước 2. Tạo vùng kéo, thêm tên trang web của bạn và chọn khu vực của bạn

Bước 3. Sao chép URL CDN của bạn hoặc thiết lập tên máy chủ tùy chỉnh như cdn. ví dụ. com [tùy chọn]

Cài đặt DNS để sử dụng tên máy chủ tùy chỉnh

Bước 4. Dán URL CDN vào trường CDN CNAME của WP Rocket

Bước 5. Cài đặt plugin BunnyCDN và thêm tên vùng kéo của bạn. Thực hiện việc này và thêm URL CDN của bạn vào WP Rocket có thể phân phát nhiều nội dung hơn và được bộ phận hỗ trợ của BunnyCDN đề xuất

Bước 6. Lọc bộ đệm và xem mã nguồn của bạn để đảm bảo các tệp được cung cấp từ CDN

Bước 7. Thay đổi bất kỳ URL nào trong cài đặt WP Rocket của bạn để khớp với URL CDN mới của bạn từ BunnyCDN [hình ảnh bị loại trừ, phông chữ tải trước, v.v.]. Ví dụ: một hình ảnh bị loại trừ sẽ trông giống như. https. //cdn. truyền thông trực tuyến. com/wp-content/uploads/2022/05/logo. png

Bước 8. Hãy xem xét tính năng sao chép địa lý của BunnyCDN, tính năng này sẽ tự động sao chép các tệp của bạn vào vùng lưu trữ của chúng để các tệp được lấy từ vùng gần nhất. Nó được tìm thấy trong Caching → Perma-Cache

Khi bạn bật perma-cache, hãy đi tới Lưu trữ → Thêm vùng lưu trữ. Đặt tên cho vùng lưu trữ của bạn [tên doanh nghiệp của bạn cũng được], chọn vùng lưu trữ chính của bạn, sau đó nhấp vào “Enable Geo-Replication. ” Bạn sẽ được nhắc chọn các khu vực mà bạn muốn các tệp của mình được sao chép. Giá là $0. 010/GB cho 2 vùng đầu tiên [bao gồm cả vùng lưu trữ chính của bạn] sau đó là $0. 005/GB cho mỗi vùng bổ sung. Bạn chỉ có thể chọn các khu vực có nhiều khách truy cập

Khi bạn hoàn tất, hãy nhấp vào “Thêm vùng lưu trữ. ”

Bây giờ, nếu bạn nhấp vào tên bộ lưu trữ của mình [ommstorage], bạn sẽ nhận được một bộ menu mới nơi bạn có thể sử dụng trình quản lý tệp để tải lên/truy cập tệp từ vùng lưu trữ cạnh, cài đặt xử lý lỗi và tab sao chép nơi bạn có thể thêm

Bước cuối cùng [tùy chọn] sẽ là thiết lập Bunny Optimizer để tối ưu hóa hình ảnh. Nếu không, bạn đã hoàn thành

Loại trừ tệp khỏi CDN – cho phép bạn phân phối tệp cục bộ thay vì CDN. Thông thường, các tệp này đến từ các plugin được thiết kế để bỏ qua tải miền chéo. Trong hầu hết các trường hợp, không cần

Ví dụ

• {uploads_dir}/wpcf7_captcha/*
• {uploads_dir}/imagerotator. swf
• {plugins_dir}/wp-fb-autoconnect/facebook-platform/channel. html

 

9. Nhịp tim

Heartbeat hiển thị cho bạn khi những người dùng khác đang chỉnh sửa trang/bài đăng, thông báo plugin theo thời gian thực, v.v. Vô hiệu hóa/giới hạn nó ở một số khu vực nhất định có thể làm giảm mức sử dụng CPU vì nó chạy cứ sau 15-60 giây theo mặc định. Tôi khuyên bạn nên tắt Heartbeat trong phần phụ trợ và phần đầu, sau đó giảm hoạt động [xuống 120 giây] trong trình chỉnh sửa bài đăng vì bạn muốn giữ những thứ như lưu tự động và các chức năng tương tự

• Phụ trợ. Tắt
• Trình chỉnh sửa bài đăng. Giới hạn
• Giao diện người dùng. Tắt

 

10. Tiện ích bổ sung

Chỉ cần kích hoạt các tiện ích bổ sung mà bạn sử dụng

Varnish – chỉ bật nếu máy chủ của bạn sử dụng Varnish. Tính năng này được bật tự động đối với một số máy chủ sử dụng Varnish [Cloudways, Flywheel, WP Engine] và tắt nếu sử dụng SiteGround, Kinsta, Pressable

WebP Compatibility – disable in most cases. Even if you use WebP, it should be disabled when using a CDN, .htaccess rules, or elements to serve WebP images [also disable when using Optimole, ShortPixel Adaptive Images, or WebP Express]. WP Rocket doesn’t create WebP images [I use BunnyCDN] so it’s just for compatibility reasons. If you notice images aren’t being served in WebP, try their helper plugin to force images which are using unsupported attributes.

Cloudflare – bật khi dùng Cloudflare nhưng tắt khi dùng APO. Các tùy chọn sửa đổi có nhiều cài đặt hơn để thêm khóa API toàn cầu, email Cloudflare và ID vùng [để tương thích]. Không, đó không phải là khóa API Cloudflare thực của tôi được hiển thị trong ảnh chụp màn hình – nhưng cảm ơn vì đã xem. ]

• Khóa API toàn cầu – được tìm thấy trong bảng điều khiển Cloudflare của bạn tại đây
• Email tài khoản – cùng một email được sử dụng trong tài khoản Cloudflare của bạn
• ID vùng – được tìm thấy trong tab Tổng quan của bảng điều khiển Cloudflare của bạn
• Chế độ phát triển. Tắt – chỉ sử dụng khi thực hiện nhiều thay đổi mã cho trang web của bạn.
• Cài đặt tối ưu. Bật – kích hoạt cài đặt Cloudflare được đề xuất của WP Rocket bao gồm các thay đổi sau. đặt mức bộ đệm thành tiêu chuẩn, bật tự động thu nhỏ cho JavaScript, CSS và HTML, tắt Rocket Loader, đặt hết hạn bộ đệm của trình duyệt thành 1 năm.
• Giao thức tương đối. Tắt – chỉ được sử dụng cho , nhưng ưu tiên SSL đầy đủ.
• Xóa tất cả các tệp bộ đệm của Cloudflare – Bộ đệm của Cloudflare sẽ tự động bị xóa khi có WP Rocket, nhưng nếu bạn cần thực hiện thủ công vì một số lý do, bạn có thể thực hiện tại đây

Sucuri – chỉ bật nếu bạn đang sử dụng tường lửa của Sucuri để xóa bộ đệm của Sucuri khi bộ đệm của WP Rocket bị xóa. Tùy chọn sửa đổi sẽ nhắc bạn nhập Khóa API tường lửa Sucuri của bạn.

 

11. đám mây

Trước khi đi sâu vào Cloudflare, hãy nói về APO, Enterprise và bảng điều khiển

Cloudflare APO – mặc dù không có tích hợp APO chính thức với WP Rocket và họ nói rằng nó không tương thích, nhưng bạn vẫn có thể sử dụng APO bằng cách thiết lập nó bằng plugin Cloudflare, sau đó tắt tiện ích bổ sung Cloudflare trong WP Rocket. Một số người sử dụng quy tắc trang bộ nhớ cache mọi thứ hoặc Super Page Cache cho Cloudflare, nhưng họ và bộ nhớ cache mọi thứ có thể gặp sự cố với thanh quản trị. APO có đáng giá $5/tháng không? . Nó lưu trữ HTML và bạn sẽ thấy cải tiến TTFB ở một số vị trí

Doanh nghiệp Cloudflare – Tên lửa. net là tốt nhất với bộ nhớ đệm toàn trang, không có trang thử thách liên tục, quy tắc WAF tốt hơn, miễn phí và họ đã xây dựng trung tâm dữ liệu của mình ở cùng vị trí với Cloudflare. Bạn nhận được các tính năng như định tuyến ưu tiên, nhiều PoP hơn, WAF, bảo vệ khỏi DDoS, Mirage + Polish, Argo + Tiered Cache và cân bằng tải toàn cầu. Bạn có thể thấy sự khác biệt giữa Cloudflare miễn phí và. các gói trả phí, chỉ cần biết rằng máy chủ của bạn kiểm soát mọi thứ và bạn đang dựa vào chúng [trái ngược với việc tự định cấu hình mọi thứ trong bảng điều khiển CF]. Tùy thuộc vào máy chủ, đó là một điều tốt

Cài đặt Bảng điều khiển Cloudflare – nếu bạn thiết lập Cloudflare Enterprise với Cloudways hoặc Rocket. net, không có lý do gì để định cấu hình bất kỳ thứ gì trong bảng điều khiển Cloudflare vì nó được tích hợp với dịch vụ lưu trữ của bạn. Rõ ràng là không phải ai cũng sử dụng Enterprise, trong trường hợp đó, bạn sẽ muốn xem qua cài đặt Cloudflare của mình và tận dụng các tính năng miễn phí [và có thể phải trả phí]

Bước 1. Đăng ký Cloudflare. Một số máy chủ cho phép bạn thêm Cloudflare trực tiếp vào tài khoản lưu trữ của mình, nhưng cài đặt bị hạn chế. Ngoại lệ duy nhất tôi sẽ làm điều này là nếu bạn đang sử dụng Enterprise. Nếu không, hãy thêm trang web của bạn vào Cloudflare và họ sẽ chỉ định cho bạn 2 máy chủ định danh.

Bước 2. Thay đổi máy chủ tên trong công ty đăng ký tên miền của bạn thành Cloudflare's

Bước 3. Trong cài đặt DNS của Cloudflare, hãy thay đổi trang web của bạn từ Chỉ DNS thành Được ủy quyền. Điều này kích hoạt CDN của họ bằng cách ủy quyền lưu lượng truy cập và được yêu cầu sử dụng APO cũng như các tính năng khác

Bước 4. Nếu bạn không sử dụng APO, hãy bật tiện ích bổ sung Cloudflare trong WP Rocket, nhấp vào “sửa đổi tùy chọn”, sau đó điền thông tin Cloudflare của bạn [đã được giải thích trong phần ]

Bước 5. Nếu bạn định sử dụng APO, hãy làm theo hướng dẫn của Cloudflare hoặc sử dụng hướng dẫn của tôi

Thiết lập Cloudflare APO với WP Rocket

• Sử dụng KeyCDN để đánh giá TTFB của bạn tại 10 địa điểm trên toàn cầu
• Vô hiệu hóa tiện ích bổ sung Cloudflare trong WP Rocket
• Tiếp tục bật bộ nhớ đệm trong WP Rocket, một lớp khác
• Tiếp tục bật thu nhỏ trong WP Rocket và tắt nó trong Cloudflare
• Đảm bảo lưu lượng truy cập được ủy quyền thông qua Cloudflare [bắt buộc đối với APO]
• Mua APO trong bảng điều khiển Cloudflare của bạn
• Cài đặt plugin Cloudflare
• Tạo và thêm nó vào plugin Cloudflare
• Xóa bộ đệm trong WP Rocket, sau đó trong Cloudflare
• Xác nhận APO đang hoạt động bằng cách sử dụng xu hướng tăng. com
• Kiểm tra lại trang web của bạn trong KeyCDN để so sánh kết quả

Cloudflare APO có thể cải thiện TTFB ở nhiều vị trí trên toàn cầu [được đo bằng KeyCDN]

Bước 6. Định cấu hình bảng điều khiển Cloudflare của bạn

Cài đặt Cloudflare miễn phí

• DNS – một trong những nhà cung cấp DNS nhanh nhất và đáng tin cậy nhất trên dnsperf. com
• CDN – trong cài đặt DNS của bạn, hãy thay đổi trang web của bạn từ DNS only thành proxy
• TLS 1. 3 – giao thức TLS nhanh nhất [Tôi khuyên bạn nên cài đặt tối thiểu. Phiên bản TLS thành 1. 2]
• Bot Fight Mode – chặn các bot spam đăng nhập vào các sự kiện tường lửa của bạn
• Gợi ý sớm – gợi ý tải trước/kết nối trước sớm giúp cải thiện thời gian chờ của máy chủ
• Gợi ý trình thu thập thông tin – báo cho trình thu thập thông tin nếu nội dung được cập nhật để tránh thu thập thông tin lãng phí
• Quy tắc trang – đây là ảnh chụp màn hình gồm 3 quy tắc trang phổ biến cho các trang web WordPress
• Quy tắc tường lửa – một ảnh chụp màn hình khác về 4 quy tắc tường lửa phổ biến cho WordPress
• HTTP/3 Với QUIC – cung cấp trang web từ HTTP/3 nhanh hơn [sử dụng thử nghiệm HTTP/3]
• Bảo vệ liên kết nóng – ngăn các trang web sao chép hình ảnh và sử dụng băng thông
• Zaraz – giảm tải các tập lệnh của bên thứ ba cho Cloudflare [Google Analytics, Quảng cáo, những thứ khác]
• SXGs – tìm nạp trước nội dung để tải nhanh hơn khi trang web của bạn được nhấp vào trên Google

Tiện ích bổ sung Cloudflare trả phí

• APO – lưu trữ HTML và có thể cải thiện TTFB ở nhiều vị trí trên toàn cầu
• Argo – tránh tắc nghẽn bằng cách định tuyến lưu lượng qua các đường dẫn mạng nhanh nhất
• Mirage + Polish – Tôi thích sử dụng Cloudflare để tối ưu hóa hình ảnh thay vì plugin
• Cân bằng tải – lưu lượng truy cập được định tuyến lại đến các máy chủ gốc khỏe mạnh hơn và nhanh hơn. Nó còn được gọi là định tuyến dựa trên địa lý và tương tự như tính năng perma-cache của BunnyCDN
• Giới hạn tỷ lệ – bảo vệ trang web + giảm băng thông bằng cách dừng các yêu cầu quá mức

Bước 7. Kiểm tra Cloudflare Analytics của bạn sau vài ngày để xem lượng băng thông đang được giảm tải, cùng với các phân tích khác. BunnyCDN cũng có thể đang thực hiện một số công việc nặng nhọc

 

12. Tối ưu hóa hình ảnh

Thật không may, WP Rocket không tối ưu hóa hình ảnh bên ngoài cài đặt tải lười biếng

Tôi khuyên dùng Cloudflare Mirage + Polish hoặc Bunny Optimizer thay vì các plugin tối ưu hóa hình ảnh chủ yếu vì chúng tối ưu hóa hình ảnh nhanh chóng thay vì tối ưu hóa vĩnh viễn. Chắc chắn bạn có thể giữ các bản sao lưu hình ảnh, nhưng thực hiện điều đó từ CDN của bạn sẽ dễ dàng hơn mặc dù tốn tiền

WP Rocket khuyên dùng Imagify vì đây là plugin của riêng họ trong khi ShortPIxel + ShortPixel Adaptive Images cũng phổ biến. Lý tưởng nhất là bạn muốn sử dụng nó để nén hình ảnh với khoảng , cung cấp hình ảnh trong WebP, xóa dữ liệu EXIF ​​và cung cấp hình ảnh nhỏ hơn cho thiết bị di động. Bạn cũng có thể tối ưu hóa hình ảnh trước khi tải chúng lên bằng Photoshop, Gimp hoặc các công cụ khác. Điều này cũng có nghĩa là bạn sẽ cần một plugin WebP chẳng hạn như WebP Converter For Media

 

13. Công cụ

Nhập hoặc xuất cài đặt WP Rocket của bạn hoặc khôi phục về phiên bản trước

Xuất cài đặt – xuất cài đặt của bạn để sử dụng trên nhiều trang web

Nhập cài đặt – nhập cài đặt WP Rocket được định cấu hình sẵn của bạn

Quay lại – nếu bạn đã cập nhật WP Rocket và nó gây ra sự cố, hãy quay lại phiên bản trước

 

Plugin hỗ trợ tên lửa WP

Các plugin trợ giúp của WP Rocket được liệt kê trên Github hoặc bạn có thể tìm kiếm chúng trên Google. Tôi đã cố gắng liệt kê một số plugin trợ giúp phổ biến nhất trong hướng dẫn này, nhưng còn khá nhiều plugin khác

 

Mức sử dụng CPU cao trên WP Rocket

Một số cài đặt WP Rocket được đề xuất của tôi đã giúp giảm mức sử dụng CPU, như tăng tuổi thọ bộ đệm và chỉ tải trước các URL sơ đồ trang web quan trọng. Tài liệu của WP Rocket cũng khuyên bạn nên thiết lập một công việc định kỳ để xóa bộ nhớ cache/tải trước của WP Rocket trong những giờ có lưu lượng truy cập thấp, giảm lô xử lý CSS không sử dụng hoặc vô hiệu hóa tải trước hoàn toàn. Ngoài tài liệu, đây là một số mẹo khác để giảm mức sử dụng CPU

• Rời khỏi SiteGround [hoặc lưu trữ chia sẻ khác]
• Giảm tải càng nhiều băng thông càng tốt cho CDN
• Chặn các bot xấu bằng chế độ chiến đấu bot của Cloudflare
• Tìm các plugin/thắt cổ chai chậm bằng cách sử dụng Trình giám sát truy vấn
• Sử dụng bảo vệ liên kết nóng để ngăn mọi người sao chép hình ảnh
• Ngoài Heartbeat, giới hạn số lần sửa đổi bài đăng và khoảng thời gian tự động lưu
• Luôn cập nhật PHP, WordPress, MySQL và phần mềm khác của bạn

 

Vô hiệu hóa cài đặt tên lửa WP trên các trang cụ thể

Chỉ cần nhắc nhanh rằng nếu một số cài đặt nhất định phá vỡ trang web của bạn nhưng chỉ ở một vài nơi, bạn có thể chỉnh sửa trang và BẬT/TẮT cài đặt trên trang thay vì vô hiệu hóa chúng hoàn toàn

 

17. Tên lửa WP vs. FlyingPress vs. Trình tối ưu hóa SG

Tôi đã chuyển từ WP Rocket sang FlyingPress và thấy sự khác biệt lớn khi nhấp qua trang web của mình. Tôi tò mò tại sao nó lại nhanh hơn nhiều như vậy, vì vậy tôi đã nghiên cứu rất nhiều và tạo ra bảng này

SG OptimizerWP RocketFlyingPressBộ nhớ đệm phía máy chủ ✓xx . trao đổi x✓✓Remove unused CSSxInlineSeparate fileCritical CSSx✓✓Host fonts locallyxx✓Font-display: swapx✓✓ Tải trước liên kết x✓✓Preload critical imagesxx✓Fetchpriority resource hintxx✓Lazy render HTML elementsxx✓Lazy load background imagesxInlineHelper classExclude above the fold imagesBy classBy URLBy numberAdd missing image dimensionsx✓✓YouTube iframe preview imagex✓✓Self-host YouTube placeholderxx✓CDN [beyond Cloudflare]SiteGround CDNStackPathBunnyCDNCDN PoPs146093CDN TbpsN/A6580Dynamic cachingPremiumxVary cacheCDN geo-replicationxx✓CDN image optimizationLimitedx✓CDN image resizing for mobilexx✓

 

18. lưu trữ

Hầu hết các đề xuất lưu trữ là rác, những đề xuất này tốt hơn

NameHero cho chia sẻ, Cloudways Vultr HF cho đám mây, Rocket. net vượt trội hơn cả

Các máy chủ chính thống [như SiteGround, Hostinger, GoDaddy và WPX] không đáp ứng được sự cường điệu. Họ tiết kiệm CPU/RAM, sử dụng SSD SATA chậm hơn và được chia sẻ dịch vụ lưu trữ với giới hạn CPU nghiêm ngặt buộc bạn phải nâng cấp. Lưu trữ đám mây nhanh hơn, nhưng Kinsta và WP Engine vẫn sử dụng ổ SSD SATA với giới hạn thấp đối với nhân viên PHP và lượt truy cập hàng tháng trở nên đắt đỏ. Thay vì tập trung vào tốc độ/công nghệ, họ tiếp thị rầm rộ… đừng để bị thu hút bởi các máy chủ phổ thông

SiteGroundKinsta NameHero Turbo CloudCloudways Vultr Tần số caoTên lửa. net Loại máy chủ lưu trữ Được chia sẻĐám mâyĐược chia sẻCloudPrivate cloudCPU coresNot listed123132RAM [GB]Not listed831128Storage typeSATASATANVMeNVMeNVMeStorage [GB]4010Unlimited3210Object cacheMemcachedRedis [$100/mo]RedisRedis [Pro]RedisServerApache + NginxNginxLiteSpeedApache + NginxApache + NginxPHP processingFastCGIFastCGILiteSpeedFPMLiteSpeedCDNSiteGround CDNCloudflare EnterpriseQUIC.cloud Cloudflare Enterprise [$5/tháng] Cloudflare Enterprise CDN PoP 14< . 6/54. 4/54. 6/54. 6/527073270270Full page cachePaid✓✓Coming soon✓Argo smart routingxxx✓✓Load balancingxxx✓✓HTTP/3✓✓✓✓✓WAF✓✓✓✓✓Image optimizationLimitedx✓✓✓CompressionBrotliBrotliBrotliGZIPBrotliCPU limitsVery commonPHP workersAverageAverageNoneEmail hosting✓x✓xxMajor incidentsGoogle blocked DNS for 4 daysNone2 day outageVultr downtimes [but improved]NoneMigration$30/siteFreeFreeFreeFreeRenewalsVery highMonthlyHighMonthlyMonthlyTrustPilot4.6/54.4/54.6/54.6/54. 5/9 Các gói Không sử dụngKhông sử dụngXem các góiView plansView plans

Tôi sử dụng Rocket. net với Cloudflare Enterprise miễn phí của họ và bạn có thể kiểm tra TTFB của tôi trong SpeedVitals, GTmetrix hoặc nhấp qua trang web của tôi. Cả thông số kỹ thuật/CDN của họ đều tốt hơn máy chủ chính. Ví dụ: tất cả các gói đều có 32 lõi + RAM 128 GB, bộ nhớ NVMe, PHP của LiteSpeed ​​và Redis. Doanh nghiệp Cloudflare của họ được định cấu hình tự động với các tính năng mạnh mẽ để cải thiện TTFB/LCP như bộ nhớ đệm toàn trang, tối ưu hóa hình ảnh, HTTP/3, định tuyến ưu tiên và Định tuyến thông minh Argo.

TTFB là yếu tố tốc độ số 1 và được cải thiện thông qua máy chủ lưu trữ/CDN của bạnKeyCDN và SpeedVitals đo lường TTFB ở nhiều vị trí trên toàn cầu

Họ có xếp hạng TrustPilot hoàn hảo và bạn có thể tìm thấy một số người đã đăng kết quả

Thử Rocket. net cho $1 , yêu cầu di chuyển miễn phí, sau đó kiểm tra lại TTFB của bạn

Trước đây tôi đã sử dụng Cloudways Vultr High Frequency cũng có Cloudflare Enterprise, bộ lưu trữ NVMe và Redis Object Cache Pro. Tuy nhiên, tên lửa. net có nhiều CPU/RAM hơn mà không có giới hạn đối với công nhân PHP [giới hạn CPU]. Ngoài ra, tên lửa. net có thể là hỗ trợ tốt nhất bạn sẽ tìm thấy nếu bạn liên hệ với Ben Gabler và nhóm của anh ấy. Lợi ích chính của Cloudways là chúng cho phép nhiều dung lượng lưu trữ/băng thông hơn, nhưng tôi có thể cho bạn biết bước chuyển từ Cloudways sang Rocket. net là một sự thúc đẩy tốt đẹp.

Đối với dịch vụ lưu trữ được chia sẻ, tôi khuyên bạn nên sử dụng NameHero . Họ sử dụng máy chủ LiteSpeed, nghĩa là bạn sẽ sử dụng LiteSpeed ​​Cache + QUIC. CDN trên đám mây [được cho là thiết lập nhanh nhất trong ngân sách]. Nó tương tự như Hostinger/A2 với LiteSpeed ​​và cPanel, nhưng bạn nhận được nhiều CPU/RAM hơn và hỗ trợ/thời gian hoạt động tốt hơn, điều này được phản ánh trong các đánh giá TrustPilot của họ. Tôi thường đề xuất gói Turbo Cloud của họ với giá 7 đô la. 38/tháng bao gồm 3 lõi + RAM 3 GB và bộ lưu trữ NVMe nhanh hơn. Vấn đề chính là trung tâm dữ liệu của họ chỉ ở Hoa Kỳ/Hà Lan. Nếu khách truy cập của bạn không ở gần đó, hãy đảm bảo thiết lập QUIC. đám mây có bộ nhớ đệm HTML [lý tưởng nhất là gói trả phí sử dụng tất cả 73 PoP].

LiteSpeed ​​nhanh hơn Nginx/Apache [và hiệu quả hơn với ít khả năng CPU bị đột biến hơn]

tên lửa. net, Cloudways Vultr HF và NameHero đều ổn định tùy thuộc vào trang web + ngân sách của bạn. Tôi đã viết một số đánh giá khá tệ về TTFB chậm của SiteGround, giới hạn CPU và lý do tại sao Trình tối ưu hóa SG hoạt động kém với các chỉ số quan trọng của web [họ cũng kiểm soát một số Nhóm Facebook và đe dọa kiện những người viết đánh giá xấu]. Hostinger viết đánh giá giả mạo và chỉ rẻ vì bạn nhận được ít tài nguyên hơn như CPU/RAM. Kinsta và WP Engine quá đắt so với số lượng tài nguyên, công nhân PHP và lượt truy cập hàng tháng mà bạn nhận được. Cùng với các sự cố lớn như WPX ngừng hoạt động trên toàn thế giới và SiteGround DNS bị Google chặn trong 4 ngày [cả WPX + SiteGround đều từ chối trách nhiệm]. Đó là lý do tại sao tôi không phải là fan hâm mộ của các công ty lưu trữ chính thống

CSS quan trọng trong Wordpress là gì?

CSS quan trọng là gì?

Làm cách nào để bật và tạo đường dẫn quan trọng CSS trong Magento 2?