Ngoài bảo mật, tốc độ trang web là yếu tố then chốt cho thành công kinh doanh trực tuyến. Thời gian tải trang là thành phần chủ đạo của trải nghiệm người dùng và ảnh hưởng đến phần thưởng công cụ tìm kiếm (đặc biệt SEO). Độ trễ một giây trong tốc độ trang dẫn đến mất 7% chuyển đổi; ne infer (theo đó) độ trễ bảy giây sẽ cắt giảm chuyển đổi một nửa!
Đo lường tốc độ trang bằng PageSpeed Insights
Có nhiều yếu tố ảnh hưởng đến thời gian tải trang. Thay vì đoán mò nên làm gì để tối ưu tốc độ trang, tốt nhất dùng PageSpeed Insights của Google để tìm ra gì cần sửa cho trang của bạn.
- Truy cập trang web PageSpeed Insights.
- Trong hộp văn bản "Enter a web page URL" (Nhập URL trang web) nhập trang của bạn. Trong trường hợp này, MakeTechEasier.com.
- Nhấp nút "Analyze" (Phân tích) và quan sát tải.
- Khi tải xong, bạn sẽ thấy trang báo cáo về hiệu suất trang web. Trang báo cáo nói bạn làm đúng gì và sai gì. Dùng trang báo cáo để triển khai thay đổi khuyến nghị.
Trang báo cáo có báo cáo tốc độ màn hình Mobile và Desktop. Báo cáo mỗi màn hình chia thành "Possible Optimizations" (Tối ưu hóa có thể), nói bạn cần tối ưu gì, và "Optimizations Found" (Tối ưu hóa đã tìm thấy), nói cải tiến bạn đã làm.
Trường hợp Make Tech Easier (MTE), tối ưu hóa có thể bao gồm:
- Loại bỏ JavaScript và CSS chặn hiển thị trong nội dung above-the-fold (nội dung hiển thị đầu trang) < Li>Tận dụng bộ nhớ đệm trình duyệt (Leverage browser caching)
- Tối ưu hóa hình ảnh
Danh sách này chỉ cho MTE, và theo tiêu chuẩn Google MTE đủ nhanh (như hình dưới gợi ý). Nếu bạn chạy trang web với tối ưu hóa tốc độ kém hơn, bạn sẽ có nhiều gợi ý tối ưu hơn.
Tối ưu hóa đã tìm thấy của MTE bao gồm:
Tối ưu hóa tốc độ trang WordPress
Sử dụng gợi ý tối ưu từ PageSpeed Insights, chúng ta sẽ khám phá cách cải thiện tốc độ trang WordPress.
1. Loại bỏ JavaScript và CSS chặn hiển thị trong nội dung above-the-fold
Khai quật, PageSpeed khuyến nghị cải thiện tốc độ render CSS nhất định trên trang. Thách thức là PageSpeed đưa ra con đường kỹ thuật khá rườm rà triển khai gợi ý – bạn sẽ संघर्ष nếu không phải developer. Để cải thiện tốc độ WordPress không đụng code, dùng plugin Autoptimize.
Autoptimize làm gì: gom (aggregate), minify (tối giản) và cache script và style, inject CSS vào head trang theo mặc định và chuyển/hoãn script xuống footer. Nó cũng minify chính mã HTML, làm trang thật nhẹ.
2. Tận dụng bộ nhớ đệm trình duyệt
Dùng plugin WordPress để cache nội dung trang. Caching phục vụ nội dung web như file HTML tĩnh. Một số plugin cache phổ biến cho WordPress bao gồm WP Super Cache, W3 Total Cache, WP-Rocket và WP Fastest Cache.
3. Tối ưu hóa hình ảnh
Tối ưu hóa hình ảnh có nhiều tùy chọn. Bạn có thể tối ưu trước khi tải lên và cải thiện thêm dùng plugin.
Nếu bạn tạo ảnh bằng Fireworks hoặc Photoshop, giảm kích thước dùng tùy chọn "Save for Web" (Lưu cho Web). Nếu không có chương trình đồ họa, dùng công cụ tối ưu khác như ImageOptim (chỉ Mac), Compressor.io (trên Web), và TinyPNG (cũng trên Web).
Plugin LazyLoad là cách khác cải thiện tốc độ. Nó tiết kiệm băng thông bằng cách chỉ tải ảnh khi cần (khi người dùng cuộn xuống trang).
Nhiều tối ưu hóa tốc độ trang hơn
Bạn có thể nhận thấy hầu như tất cả tối ưu hóa dùng plugin, nên không phải loay hoay code. Tuy nhiên, một số tối ưu tốc độ WordPress vượt ra ngoài plugin. Hai yếu tố thay thế ảnh hưởng tốc độ là host và gói hosting phù hợp và dùng mạng phân phối nội dung (CDN).
Host và Gói Hosting
Shared hosting (hosting chung) hứa "Lượt xem trang không giới hạn" nghe như deal tốt nhưng mang chi phí không công bố. Tốc độ trang sẽ chịu đựng (làm hại uy tín, SEO, trải nghiệm người dùng) và trang sẽ gặp nhiều downtime (ngừng hoạt động).
Hosting ảnh hưởng bao nhiêu đến tốc độ? Colocation America nói VPS hosting cải thiện tốc độ 62%. Theo SEJ, trang từ shared hosting mất gần 8 giây tải, trong khi VPS chỉ hơn 2 giây.
Nếu có thể, chuyển sang VPS hoặc hosting dedicated (riêng), KHÔNG phải shared hosting. Àn nhìn, hosting rẻ dường như tiết kiệm tiền, nhưng thực tế giết chết kinh doanh.
Chọn host dùng nén GZIP và deflate; có thể giảm kích thước file 70% – bao gồm video, âm thanh, và ảnh – không giảm chất lượng file hoặc trang. Gzip đơn lẻ có thể tăng tốc độ trang đáng kể. Bạn có thể kiểm tra trang có Gzipped không dùng công cụ từ GD Network.
Để CDN gánh vác
Dùng Content Delivery Network (CDN), như Amazon CloudFront nếu traffic trang đang tăng. CDN lấy tất cả bản ghi tĩnh trang như hình ảnh, CSS, Javascript, và hơn nữa, phân phối qua server ở vị trí địa lý khác nhau. Khách truy cập hưởng lợi tốc độ trang cải thiện vì họ truy cập nội dung dựa trên gần gũi địa lý đến server CDN.
Bạn có thể dùng plugin CDN Enabler để nhanh chóng tích hợp dịch vụ CDN yêu thích vào trang WordPress.
Tổng kết
Bạn không thương lượng hay thỏa hiệp về bảo mật trang – hãy đối xử tốc độ WordPress như vậy. Google công khai nói nó ưu tiên trang web ưu tiên tốc độ trong thiết kế. Không chỉ công cụ tìm kiếm, người dùng trang cũng thích trang nhanh hơn trang chậm. Hãy bắt đầu dùng mẹo đây sớm!