Có một trang web chậm là một trải nghiệm khó chịu. Nó không chỉ xếp hạng kém trong các công cụ tìm kiếm (tốc độ tải là một trong những yếu tố xếp hạng trong Google), nó còn mang lại cho khách truy cập của bạn trải nghiệm người dùng kém. Tuy nhiên, trong khi hầu hết các quản trị viên web đều muốn tăng tốc trang web của họ, hầu hết họ không có kiến ​​thức kỹ thuật để làm điều đó. Nếu bạn rơi vào trại này và đang sử dụng WordPress, chúng tôi có hướng dẫn tối ưu hóa tốc độ hoàn chỉnh cho bạn. Các bước sau đây là những gì chúng tôi đã làm cho trang web này và họ đã làm việc tốt cho chúng tôi.

Giảm bớt trang web

Khi khách truy cập truy cập trang web của bạn, trình duyệt phải yêu cầu trang từ máy chủ của bạn và tải toàn bộ trang trước khi người đọc có thể xem trang đó. Điều này có nghĩa là nếu bạn có một trang web cồng kềnh, sẽ mất một thời gian dài để trình duyệt tải xuống và hiển thị nó. Dưới đây là một số cách để giảm bớt trang web WordPress của bạn:

1. Cập nhật thiết kế chủ đề của trang web của bạn

Đánh giá lại thiết kế trang web của bạn và xem bạn có thể xóa các mục không cần thiết khỏi trang web hay không. Không có vấn đề gì trong việc nhồi nhét quá nhiều thông tin trong thanh bên khi khách truy cập chỉ quan tâm đến nội dung thực tế. Dưới đây là một số điều bạn có thể xóa:

  • Fanciful trượt, hình ảnh động và hiệu ứng.
  • Các tiện ích con khác trên thanh bên
  • Quảng cáo - Chỉ khi bạn đã thêm quá nhiều quảng cáo. Trong một số trường hợp, bạn có thể kiếm được nhiều tiền hơn với ít quảng cáo hơn

2. Loại bỏ các plugin không cần thiết

Thee là hai loại plugin WordPress chính: một loại chỉ ảnh hưởng đến khu vực quản trị và một plugin bổ sung thêm nội dung bổ sung cho trang web. Đối với sau này, nó luôn luôn đi kèm với javascript thêm và các tập tin css mà sẽ thêm trọng lượng thêm cho trang web.

Hãy xem danh sách plugin của bạn và tắt các plugin cũ không hiệu quả và không còn sử dụng nữa. Nếu một plugin chưa được cập nhật trong một thời gian dài, bạn cũng có thể muốn kiểm tra các plugin thay thế có trọng lượng nhẹ hơn và có thể thực hiện công việc hiệu quả hơn.

3. Giảm kích thước tệp của HTML, CSS và Javascript của bạn

Có hai cách để giảm kích thước tổng thể của trang web của bạn. Đầu tiên là kết hợp nhiều tệp định kiểu và tệp javascript thành một tệp và thứ hai là giảm thiểu tệp. Giảm thiểu có nghĩa là loại bỏ các không gian và nhận xét không cần thiết và kết hợp nhiều mã lặp lại thành một. Một plugin tốt mà bạn có thể sử dụng để đạt được điều này là W3 Total Cache plugin.

Trong trang cài đặt W3 Total Cache, trong phần “General Settings”, kích hoạt chế độ “Minify”.

Tiếp theo, đi tới phần “Thu nhỏ -> HTML & XML”, chọn các hộp bên cạnh “Bật”, “Rút gọn CSS nội dòng”, “Rút gọn nội tuyến JS” và “Xóa ngắt dòng”.

Tiếp theo là phần “JS minification”. Đây là một phần khó khăn vì nó hoạt động cho một số chủ đề nhưng không phải cho các chủ đề khác. Cá nhân, tôi không có may mắn với cài đặt này, nhưng bạn có thể muốn dùng thử và xem nó có hoạt động cho trang web của bạn hay không.

Một điều mà tôi đề nghị cho thiết lập này là sử dụng “Minify” thay vì “Combine only”. Kết hợp nhiều javascripts lại với nhau có thể gây ra các hiệu ứng không mong muốn và phá vỡ site.

Phần cuối cùng mà bạn cần cấu hình ở đây là phần “rút gọn CSS”. Điều này cho phép bạn rút gọn và kết hợp tất cả CSS được sử dụng trong chủ đề.

Để tận dụng tối đa điều này, tốt nhất bạn nên mở trang web của mình, xem mã nguồn và sao chép tất cả các liên kết CSS vào trường “Tệp URI” trong phần “Quản lý tệp CSS”. Tất cả các tệp CSS bạn đã thêm vào trường này sẽ được rút gọn và kết hợp thành một tệp CSS duy nhất.

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

Tệp hình ảnh thường là những tệp tạo nên phần lớn kích thước tệp của trang web, vì vậy điều quan trọng là bạn phải tối ưu hóa hình ảnh và giữ chúng ở kích thước tối thiểu nhất có thể. Wp Smush.it là một plugin tuyệt vời giúp tối ưu hóa hình ảnh của bạn khi bạn tải chúng lên. Nó cũng đi kèm với một tính năng smush số lượng lớn có thể tối ưu hóa tất cả các hình ảnh được tải lên trước đó.

Tăng tốc độ tải của trang web

Một số cách bạn có thể sử dụng để tăng tốc độ tải trang web bao gồm:

  • cache trang web
  • đặt bộ nhớ cache của trình duyệt
  • chuyển sang jquery của google
  • tải javascript chậm
  • sử dụng tải hình ảnh chậm
  • sử dụng javascript không đồng bộ
  • sử dụng CDN

Dưới đây là một số plugin có thể thực hiện công việc trên cho bạn.

1. W3 Total Cache

Chúng tôi đã đề cập đến việc rút gọn trong phần trên, nhưng điều làm cho W3 Total Cache mạnh mẽ là mô-đun bộ nhớ đệm của nó. Đầu tiên, kích hoạt mô-đun "Bộ nhớ cache trang" trong phần "Cài đặt chung". Trên một lưu trữ được chia sẻ, chọn “Đĩa: Cơ bản” cho chế độ bộ nhớ cache của trang. Đối với VPS hoặc máy chủ chuyên dụng, chọn “Đĩa: Nâng cao”.

Cuộn xuống phía dưới trang cho đến khi bạn thấy phần “Bộ nhớ cache của trình duyệt”; chọn hộp để bật nó.

Điều này sẽ cho phép cả bộ nhớ cache trang và bộ đệm cache cho trang web của bạn. Bộ nhớ cache trang chỉ đơn giản là một trang HTML tĩnh sẽ được phục vụ thay vì trang PHP động. Bộ nhớ cache của trình duyệt thông báo cho trình duyệt để lưu vào bộ nhớ cache trang của bạn và để phục vụ nó từ bộ nhớ cache khi người đọc truy cập lại cùng một trang.

2. Kịch bản WP hoãn lại

Hầu hết các tệp javascript đang chặn trong tự nhiên, điều đó có nghĩa là trang web phải chờ tất cả các tệp javascript để hoàn tất tải trước khi nội dung có thể tải. Điều này còn được gọi là tải đồng bộ. Một trong những cách để chống lại điều này là di chuyển javascripts xuống dưới cùng của trang để chúng sẽ chỉ tải sau khi nội dung đã tải xong.

WP Deferred Script là một plugin hữu ích để di chuyển tất cả các kịch bản enqueued xuống dưới cùng của trang. Nó đang sử dụng lab.js trong backend và sẽ làm việc với hầu hết các plugin. Không có cài đặt nào để định cấu hình. Sau khi kích hoạt, nó sẽ tự động trì hoãn tất cả tải javascript vào cuối trang. Một điều tốt là nó tải javascripts không đồng bộ, có nghĩa là nó tải javascript song song với nội dung.

3. Jetpack Photon

Một cách hay khác để giảm tốc độ tải là tải tất cả hình ảnh từ nguồn CDN. Nếu bạn đã cài đặt plugin Jetpack, kích hoạt mô-đun Photon sẽ tự động thêm CDN hình ảnh vào trang web của bạn.

Ngoài ra, nếu bạn đang sử dụng CDN bên ngoài, như MaxCDN hoặc Amazon CloudFront, bạn cũng có thể cấu hình mô-đun CDN trong W3 Total Cache plugin để sử dụng các dịch vụ CDN.

4. Lười biếng tải

Bạn có nhận thấy cách hình ảnh được tải theo yêu cầu khi bạn cuộn xuống trang không? Đây được gọi là Lazy Loading, và đó cũng là một cách hay để tăng tốc trang web. Các plugin mà chúng tôi đang sử dụng ở đây là Unveil Lazy Load, nhưng nếu bạn thực hiện tìm kiếm cho tải chậm, có rất nhiều plugin tải chậm mà bạn có thể sử dụng; một số thậm chí còn được tối ưu hóa cho video và iframe.

5. DFP

Nếu bạn đang phân phối quảng cáo trong trang web của mình, bạn sẽ biết rằng quảng cáo thường là quảng cáo mất nhiều thời gian tải nhất và khiến trang web chạy chậm. Tệ nhất, hầu hết các quảng cáo đều đồng bộ về bản chất và sẽ chặn nội dung phân phát cho đến khi chúng được tải đầy đủ. Một trong những cách để loại bỏ vấn đề này là phân phối quảng cáo bằng cách sử dụng Google DFP. Đối với những người không biết, Google DFP là chương trình quản lý quảng cáo để bạn quản lý quảng cáo của mình.

Trên trang web này, chúng tôi đang sử dụng tập lệnh jquery.dfp.js để tải tất cả các thẻ DFP theo yêu cầu, do đó, nó không làm chậm tải trang web. Việc triển khai có thể khá phức tạp và chúng tôi sẽ không đề cập ở đây. Nếu có đủ sự quan tâm (bạn có thể bày tỏ sự quan tâm của bạn trong các ý kiến), tôi sẽ thực hiện một hướng dẫn khác nêu chi tiết quy trình từng bước để triển khai nó vào trang web của bạn.

Phần kết luận

Nếu bạn làm theo các bước trên, tôi có thể đảm bảo với bạn rằng trang web của bạn hiện đang chạy nhanh hơn trước đây, ngay cả khi bạn đang ở trên một lưu trữ được chia sẻ. Một cách hay để kiểm tra tốc độ tải trang web của bạn là công cụ Google PageSpeed ​​Insights. Chỉ cần nhập URL của bạn và nó sẽ phân tích trang web của bạn cho bạn. Làm điều đó trước và sau khi tối ưu hóa và thấy sự khác biệt lớn.

Tín dụng hình ảnh: Không đi nhanh đâu