Tối ưu hóa hiệu suất WordPress: Dữ liệu được đưa ra trước khi tối ưu hóa

Bài viết được viết bởi:
  • WordPress
  • Cập nhật: Có thể 19, 2015

Internet tràn ngập các bài báo sẽ cho bạn biết cách tối ưu hóa hiệu suất trang web WordPress của bạn. Tôi đã viết vài người trong số họ riêng tôi. Nếu chúng tốt, sau khi đọc, bạn sẽ có ý tưởng rõ ràng về các phương pháp hay nhất để cải thiện hiệu suất của trang web WordPress. Tuy nhiên, "thực hành tốt nhất" ít nhiều là một cụm từ mã cho "nếu bạn không thể hoặc sẽ không tìm hiểu làm thế nào để hiểu chủ đề này trong chiều sâu, bằng cách làm điều này bạn có thể sẽ làm cho mọi việc tốt hơn." và mặc dù việc triển khai chúng sẽ giúp ích, nhưng không có khả năng tạo ra kết quả tốt nhất có thể trong mọi trường hợp - và đó là những gì tối ưu hóa là: tìm ra cách đạt được kết quả tối ưu trong các trường hợp cụ thể.

Mỗi trang web WordPress là một sự kết hợp độc đáo của các chủ đề, bổ sung, và tinh chỉnh, mỗi trong số đó có thể ảnh hưởng đến hiệu suất. Cách duy nhất để thực sự tối ưu hóa trang web WordPress là biết chính xác khía cạnh nào đang gây ra các vấn đề về hiệu suất và tập trung nỗ lực của bạn vào đó. Có rất ít tiền chi tiêu điểm và thời gian thiết lập một mạng lưới phân phối nội dung quốc tế nếu 98% lượng khách truy cập trang web của doanh nghiệp địa phương của sống trong 100 dặm của máy chủ; có lẽ thời gian của bạn sẽ được nhiều hơn một cách hiệu quả dành phân loại ra các widget chia sẻ xã hội gây ra sự chậm trễ nhiều thứ hai tải trang chủ của bạn.

Để biết nơi nỗ lực của bạn được đặt tốt nhất, bạn cần dữ liệu. Trong phần còn lại của bài viết này, tôi sẽ nêu bật một số công cụ bạn có thể sử dụng để lập hồ sơ một trang web và hiểu rõ hơn về những gì đang ảnh hưởng đến hiệu suất.

PageSpeed ​​Insights

google pagepeed thông tin chi tiết

PageSpeed ​​Insights là một dịch vụ của Google sẽ phân tích các trang web và cung cấp báo cáo chi tiết cùng với lời khuyên về cách hiệu suất có thể được cải thiện. Ví dụ: nếu bạn không giảm thiểu JavaScript của mình, Thông tin chi tiết về tốc độ trang sẽ cho bạn biết tập lệnh nào có thể được giảm thiểu và lợi ích tiềm năng.

Google Pagespeed Insights dành cho WordPress là một plugin có dữ liệu Tốc độ trang và sử dụng nó để tạo trang tổng quan sẽ giúp chủ sở hữu trang web nhắm mục tiêu các nỗ lực tối ưu hóa của họ.

Pingdom Công cụ

công cụ pingdom

Hầu hết các chủ sở hữu trang web đã quen thuộc với trang này, nhưng điều đáng nói đến vì nó rất hữu ích. Có một số chức năng chéo với chức năng PageSpeed ​​Insights, nhưng nếu bạn là nhà tư tưởng hình ảnh, bạn sẽ thấy rằng biểu diễn thác nước sẽ cung cấp cho bạn thông tin chi tiết rõ ràng về quy trình tải trang, giúp dễ dàng phát hiện nguyên nhân của độ trễ.

Debug Bar Slow Actions

thanh gỡ lỗi

Nếu bạn thực sự muốn biết chi tiết về hiệu suất của trang web của bạn, thì hãy thêm phần Hoạt động chậm vào Thanh gỡ lỗi plugin sẽ cung cấp cho bạn tất cả thông tin bạn cần.

Plugin sẽ hiển thị các hành động chậm nhất của 100 để xây dựng trang WordPress. Thông tin này hữu ích hơn cho các nhà phát triển so với người dùng WordPress trung bình, nhưng nếu bạn có ý định tìm hiểu những gì bạn cần biết để tối ưu hóa trang web của mình đúng cách, plugin này không thể thay thế được.

Tránh tối ưu hóa vô nghĩa

Ở đầu bài viết này, tôi đã nói "các phương pháp hay nhất" không phải lúc nào cũng tốt nhất cho các trang web cụ thể. Đó là vì một số lời khuyên tối ưu hóa không liên quan đến một số trang web. Để chống lại điều đó, tôi khuyên bạn nên thu thập càng nhiều thông tin về trang web của bạn càng tốt, nhưng quá nhiều thông tin có thể nguy hiểm như quá ít nếu bạn không ưu tiên đúng.

Lưu ý rằng ngay cả khi những công cụ này cho bạn biết “Yếu tố X” làm cho trang web của bạn chậm hơn có thể, điều đó chỉ quan trọng nếu nó có tác động hữu hình đối với trải nghiệm người dùng hoặc chuyển đổi - thậm chí trang chủ của Google không thực hiện được một số thử nghiệm PageSpeed ​​Insight. Một đạo luật thu nhập giảm dần hoạt động ở đây. Đôi khi nhanh là đủ nhanh, và tối ưu hóa nhiều hơn chỉ là lãng phí thời gian. Sử dụng những công cụ này, nhưng hãy đảm bảo bạn đặt thông tin mà chúng cung cấp trong bối cảnh mục tiêu rộng hơn của bạn.

Tối ưu hóa cung cấp tốt Bang cho The Buck

Hy vọng rằng tôi đã làm rõ trong bài viết này rằng tối ưu hóa ám ảnh thường không phải là cách sử dụng tài nguyên tốt nhất. Tuy nhiên, có một số tối ưu hóa sẽ dẫn đến hiệu suất tốt hơn cho hầu như bất kỳ trang web WordPress nào.

Chọn Hosting tốt

Lưu trữ giá rẻ có thể hấp dẫn, nhưng có một lý do nó rẻ. Các nhà cung cấp dịch vụ lưu trữ chia sẻ chi phí thấp có xu hướng bán quá nhiều gói của họ. Sẽ có nhiều trang web trên một máy chủ hơn là nó có thể xử lý hợp lý, đặc biệt nếu một vài người trong số họ nhận được lưu lượng truy cập tăng đột biến cùng một lúc. Nếu lưu trữ của bạn là chậm, không có gì khác bạn làm là có khả năng hưởng lợi trang web của bạn nhiều như nó có thể.

Bộ nhớ đệm

WordPress là một trình tạo trang web động. Phải mất một mớ hỗn độn của mã PHP và truy vấn cơ sở dữ liệu và gộp chúng lại với nhau thành HTML tạo nên một trang web. Không có vấn đề làm thế nào whiz-bang nhanh chóng lưu trữ của bạn, thế hệ trang năng động là chậm hơn so với phục vụ các trang tĩnh. Chúng tôi sử dụng các trình tạo trang web động vì chúng có nhiều lợi ích khác - không nhiều người trong số chúng tôi vui lòng mã hóa trang web của chúng tôi từ đầu - nhưng hầu hết thời gian chúng tôi không cần phải tạo trang cho mỗi khách truy cập: họ không thay đổi một cách nhanh chóng. Caching cho phép chúng ta lưu các trang được tạo ra trên đĩa hoặc trong bộ nhớ, làm cho chúng nhanh như một trang tĩnh.

Plugin tốt nhất cho bộ nhớ đệm trên WordPress là W3 Total Cache. Nó khá đơn giản để sử dụng, nhưng nó có nhiều tùy chọn cấu hình đủ cho ngay cả trình tối ưu hóa chuyên dụng nhất. W3 Total Cache cũng sẽ xử lý các tinh chỉnh tối ưu hóa hữu ích khác, như JavaScript và CSS minification.

Tải JavaScript và CSS một cách không đồng bộ

Một trong những điều mà Google PageSpeed ​​Insights sẽ khiếu nại là các tệp JavaScript và CSS tải trước và chặn mọi thứ khác. Bởi vì các tập lệnh này thường được bao gồm trong <head> của một tệp HTML, chúng nằm trong số những thứ đầu tiên mà trình duyệt xuất hiện trên một trang và mọi thứ khác dừng lại khi chúng tải. Trong hầu hết các trường hợp, cả JavaScript và CSS thực sự không cần phải tải trước. JS và CSS không đồng bộ là một plugin tiện lợi sẽ ngăn các tệp JS và CSS chặn việc tải phần còn lại của trang.

Khi bạn đã lưu trữ tốt, lưu vào bộ nhớ cache và tải không đồng bộ tại chỗ, đã đến lúc phải suy nghĩ về việc sử dụng mạng phân phối nội dung. Sau đó, các tinh chỉnh tối ưu của bạn sẽ bắt đầu rơi vào lĩnh vực mà chúng tôi đã thảo luận trước đó và đã đến lúc suy nghĩ nghiêm túc về việc liệu bạn có tối ưu hóa quá mức không và thời gian của bạn có thể tốt hơn cho việc tối ưu hóa tỷ lệ chuyển đổi hay viết nội dung hay không.

Giới thiệu về khách WHSR

Bài viết này được viết bởi một người đóng góp khách mời. Quan điểm của tác giả dưới đây hoàn toàn là của riêng mình và có thể không phản ánh quan điểm của WHSR.