3 Cách Hack Tốc độ Trang Đơn giản & Core Web Vital cho WordPress

Sắp có Bản cập nhật trải nghiệm trang và nếu bạn đang đọc nội dung này, bạn có thể đang cố gắng giải quyết các vấn đề bạn đã bỏ qua hoặc đang tìm kiếm một số cách để cải thiện công việc bạn đã thực hiện.

Hầu hết những người trong ngành đều nhận thức được rằng nó sẽ bắt đầu khá nhẹ nhàng, trở nên có ảnh hưởng hơn theo thời gian.

John Mueller của Google đã ví nó như nấu ăn. Họ chỉ bắt đầu với một chút muối và sẽ từ từ điều chỉnh để mọi thứ ổn thỏa.

Tôi thấy bản cập nhật này rất giống bản cập nhật HTTPS. Ngày nó được tung ra, nó dường như không có tác động quá lớn. Nhưng có bao nhiêu trang web HTTP bạn thấy xếp hạng ngày hôm nay?

Bây giờ, bạn có thể lập luận một cách đúng đắn, rằng điều này có thể là đồng quan hệ chứ không phải nhân quả. Rốt cuộc, việc sử dụng HTTPS rất dễ dàng và tất cả các trang web mới hầu như đều làm được điều đó và có thể các trang web HTTP không bị phạt khi nằm ngoài các vị trí hàng đầu.

Tuy nhiên, nếu bạn có một trang web không an toàn, bạn sẽ phải đối mặt với một biển các trang web có lợi thế hơn bạn. Nó có thể là một lợi thế nhỏ, nhưng tất cả mọi người đều có nó.

Quảng cáo

Tiếp tục đọc bên dưới

Tôi không biết bạn thế nào nhưng nếu tôi đang chạy một cuộc đua, tôi muốn có một đôi giày tuyệt vời.

Chúng có thể chỉ giúp tôi tăng 5 giây so với 5K, nhưng 5 giây đó – trong ngữ cảnh của chúng tôi ở đây – có thể là sự khác biệt giữa vị trí được nhấp và vị trí không được nhấp.

Vì vậy, hãy coi những gì sau đây là một vài cách hack nhanh chóng và dễ dàng.

Core Web Vitals Hack 1: Cloud Flare

Cái này không dành riêng cho WordPress.

Trang web của riêng tôi không nhận được tình yêu xứng đáng khi cập nhật. Họ nói: “Người thợ cắt không có giày. Do đó, nó có giá khá thấp trên mặt trận Core Web Vitals.

Nhiều người có thể không biết, nhưng Cloud Flare cung cấp dịch vụ miễn phí bao gồm rất nhiều cải tiến về tốc độ.

Để cung cấp cho bạn một ý tưởng, trước khi tôi bắt đầu đường dẫn Band-Aid của các bản hack Core Web Vital và Page Experience cho trang web của mình, tốc độ của chúng tôi là:

PageSpeed ​​Insights trên trang web của Beanstalk.

Sau khi bắt đầu gói miễn phí của Cloud Flare và kích hoạt các thành phần tối ưu hóa tốc độ, chúng tôi đã nhấn:

PageSpeed ​​Insights trên trang web của Beanstalk với phiên bản miễn phí của Cloud Flare.

Sự khác biệt rất lớn ở đó, như bạn có thể thấy. Và tất cả trong khoảng 20 phút làm việc, bao gồm cả việc thiết lập tài khoản.

Quảng cáo

Tiếp tục đọc bên dưới

Sau khi nâng cấp lên Pro ($ 20 / tháng) và điều chỉnh tất cả trừ một cài đặt (xem bên dưới), chúng tôi nhận được:

PageSpeed ​​Insights trên trang web của Beanstalk với phiên bản chuyên nghiệp của Cloud Flare.

Hmm… 11 điểm với $ 20. Không tệ.

Các cài đặt tôi đã bật là:

  • Đánh bóng tối ưu hóa hình ảnh.
  • Mirage.

Và bởi vì trang web của tôi là trong WordPress, chúng tôi có tùy chọn để:

Bật Tối ưu hóa nền tảng tự động trên Cloud Flare.

Vì vậy, tôi đã cài đặt plugin và áp dụng các cài đặt được đề xuất.

Kết quả?

Tự động tối ưu hóa Cloud Flare.

Bạn sẽ nhận thấy điều gì đó vui nhộn ở đây. Cả FCP và Chỉ số Tốc độ đều được cải thiện, nhưng LCP đã bị giảm dần.

Đây là sau nhiều lần kiểm tra, và một số kết quả là cao ở mức 62 – nhưng vẫn còn.

Vì vậy, tôi đã thử nghiệm một số cài đặt, không có cài đặt nào cải thiện được mọi thứ, và do đó tôi đã tắt plugin WordPress và chúng tôi quay lại những năm 70.

Bài học?

Không phải mọi thứ đều hoạt động.

Luôn luôn thử nghiệm.

Thật thú vị, tốc độ trong thế giới thực từ plugin đã cải thiện. Đó không phải là chủ đề ở đây nhưng phải được lưu ý.

Tiếp theo…

Core Web Vitals Hack 2: Hummingbird

Không, tôi không nói về Thuật toán Google 2013, mà là Plugin WordPress.

Rõ ràng, phần này chỉ liên quan đến những người sử dụng WordPress.

Tôi đã thử nghiệm một loạt các plugin tốc độ và bộ nhớ đệm khác nhau, và mỗi plugin dường như hoạt động trong các tình huống khác nhau tốt hơn những plugin khác. Nhưng nhất quán nhất, nếu bạn có một nhà cung cấp dịch vụ lưu trữ tốt, có vẻ là Hummingbird – theo kinh nghiệm của tôi.

Tôi thêm khía cạnh nhà cung cấp dịch vụ lưu trữ, vì các plugin khác có thể hoạt động tốt hơn trên các máy chủ kém hơn, nhưng trong trường hợp đó, khuyến nghị chính của tôi sẽ là… có được một máy chủ tốt hơn.

Quảng cáo

Tiếp tục đọc bên dưới

Tại sao Hummingbird?

Điều tôi thích về Hummingbird là nó không chỉ là một plugin bộ nhớ đệm đơn giản (sau tất cả, chúng tôi có bộ nhớ đệm từ máy chủ lưu trữ tốt của chúng tôi (hoặc Cloud Flare) phải không?)

Hummingbird không có bộ nhớ đệm; Tôi chỉ không sử dụng nó.

Tôi cũng thích rằng tôi có thể kết nối Hummingbird với Cloud Flare, để điều chỉnh một số cài đặt từ xa.

Tối ưu hóa tự động của họ, trong các trường hợp tôi đã thử, khá tệ.

Có thể là tốt nếu bạn không biết mình đang nhìn gì, nhưng nếu bạn sẵn sàng dành một chút thời gian cho cài đặt – bạn sẽ làm tốt hơn theo cách thủ công với giao diện như:

Plugin WordPress Hummingbird.

Bạn có thể phải thực hiện một số thao tác để tìm ra những thứ nào sẽ di chuyển nội tuyến và những thứ nào sẽ phá vỡ các chức năng trên trang web của bạn nếu được xử lý không đúng cách (Tôi đang xem xét bạn jQuery).

Quảng cáo

Tiếp tục đọc bên dưới

Cần lưu ý rằng vì mục đích của bài viết này, tôi đã tắt tất cả các chức năng tăng tốc và bộ nhớ đệm từ Cloud Flare trong khi viết phần này. Vì vậy, vị trí bắt đầu là 34 tính đến thời điểm viết bài này.

Tôi đã đẩy tất cả CSS và JS của mình xuống chân trang và nén nó. Điều này không thể xảy ra với tất cả mọi người và nhiều trang web bị hỏng khi bạn đẩy jQuery xuống vì có nhiều thanh trượt, v.v. yêu cầu nó tải trước khi chúng thực hiện.

Nên kiểm tra nhiều trang bao gồm sản phẩm, liên hệ, trang chủ và ít nhất một trang từ mỗi bố cục / mẫu mà bạn đang sử dụng.

Tôi nên lưu ý rằng tôi đã thử nghiệm kết hợp các tệp, điều mà tôi chưa từng thành công và kết quả còn tệ hơn.

Cuối cùng, chúng tôi nhận được số điểm từ 34 đến:

Điểm PageSpeed ​​Insights bằng cách sử dụng Hummingbird.

Cải tiến vững chắc.

Quảng cáo

Tiếp tục đọc bên dưới

Quy tắc ngón tay cái của tôi ở đây là đạt mức tối thiểu khoảng 60. Điều này cho phép một số lỗi hoặc sự xuống cấp xảy ra mà không làm giảm nó xuống dưới ngưỡng 50 xuống “kém”.

Và cuối cùng nhưng không kém phần quan trọng…

Core Web Vitals Hack 3: Dọn dẹp tài sản

Plugin WordPress Dọn dẹp tài sản là một nhà cung cấp sửa chữa nhanh chóng khác.

Chức năng cơ bản của plugin là cho phép chủ sở hữu trang web ngừng tải tập lệnh trên các trang hoặc nhóm trang cụ thể. Đề xuất đến từ:

Giảm JavaScript.

Các plugin chia sẻ xã hội là một ví dụ tuyệt vời. Chúng tôi sử dụng chúng trên blog của mình, nhưng chúng tải toàn bộ trang web.

Quảng cáo

Tiếp tục đọc bên dưới

Bạn sẽ nhận thấy rằng chúng không ảnh hưởng trực tiếp đến điểm hiệu suất. Hãy thử nghiệm điều đó.

Sau khi hủy kích hoạt plugin Hummingbird, chúng tôi đạt được số điểm là 35.

Sau khi cài đặt và thiết lập, bạn sẽ thấy mình ở một trang giống như sau:

Giao diện Hummingbird.

Bây giờ đây là nơi bạn có thể dành chút thời gian và chế độ thử nghiệm của chúng rất hữu ích.

Một số tập lệnh bạn chỉ cần biết liệu bạn có cần chúng hay không (ví dụ: một biểu mẫu liên hệ trên một nhóm trang) nhưng những tập lệnh khác bạn có thể không nhưng muốn thử nghiệm (bạn có thực sự cần plugin thanh trượt của mình trên mỗi trang không?).

Quảng cáo

Tiếp tục đọc bên dưới

Nếu bạn đang sử dụng nhà phát triển hoặc ở chế độ thử nghiệm, bạn có thể chỉ muốn vô hiệu hóa tất cả chúng, sau đó bật từng cái một, chức năng thử nghiệm trong suốt quá trình. Đó là con đường tôi đã đi.

Sau khoảng 20 hoặc 30 phút (mà bạn phải làm trong mỗi phần, mặc dù khi bạn đã làm xong một phần, chúng sẽ nhanh hơn) tốc độ là:

Dọn dẹp tài sản.

Với các khu vực vi phạm đạt:

Các kịch bản vi phạm.

Một lần nữa, tiến bộ vững chắc.

Quảng cáo

Tiếp tục đọc bên dưới

Nhưng điều gì sẽ xảy ra nếu bạn bắt đầu…

Kết hợp 3 Hack này

Theo kinh nghiệm của tôi, việc kết hợp dường như không hoạt động tốt.

Điểm số và thời gian trong thế giới thực trở nên tồi tệ hơn khi cả hai kết hợp lại. Điều này thật bất ngờ, vì Cloud Flare và Asset Cleanup lẽ ra phải chơi tốt với nhau.

Nhưng…

Kết hợp các tối ưu hóa.

Tuy nhiên, các kết quả có thể khác nhau và nếu bạn đang thử nghiệm từng loại – tôi khuyên bạn nên thử nghiệm các kết hợp khác nhau và thậm chí cả các plugin khác nếu bạn có thời gian và sở thích.

Quảng cáo

Tiếp tục đọc bên dưới

Trong trường hợp của chúng tôi, chúng tôi sẽ giải quyết trên Cloud Flare.

Và đối với những người tò mò, bạn có thể nhận thấy các bài đọc ở trên là dành cho thiết bị di động. Với Cloud Flare, máy tính để bàn của chúng tôi có tại:

Tốc độ trang trên máy tính để bàn và CWV.

Và bây giờ để tắt mọi thứ…

Nhưng tất nhiên, đó không phải là kết thúc của thử nghiệm.

Vì vậy, hiện tại tôi đã tắt tất cả các tối ưu hóa và sẽ giữ chúng cho đến tháng 9, sau khi triển khai.

Quảng cáo

Tiếp tục đọc bên dưới

Về cơ bản, tôi muốn xem chúng ta nhận được một cú đá lớn như thế nào vào mông (nếu có) và sau đó xem chúng ta hồi phục nhanh như thế nào.

Tôi không khuyên bạn nên làm như vậy.

Sau khi chúng tôi đã sắp xếp xong, tôi sẽ truy cập lại và cập nhật phần này.

Nhiêu tai nguyên hơn:


Tín dụng hình ảnh

Tất cả ảnh chụp màn hình được chụp bởi tác giả, tháng 6 năm 2021

Leave a Comment