Pagespeed hay tốc độ tải trang là một trong những yếu tố SEO quan trọng hàng đầu hiện nay luôn đứng đầu trong danh mục kiểm tra và tối ưu khi bắt đầu một chiến dịch SEO. Bạn phải đặt mục tiêu cải thiện thời gian tải trang nhanh hơn để có thể cải thiện thứ hạng từ khoá trên công cụ tìm kiếm Google. Để tối ưu tốt được yếu tố này đòi hỏi phải có sự kết hợp hài hòa giữa Onpage SEO và Technical SEO. Do vậy đã có không ít người đã từ bỏ sau một thời gian đọc và tìm hiểu. Chính vì điều này, starfem.com sẽ đưa ra những khái niệm cơ bản cũng như hướng dẫn cách cải thiện tốc độ tải trang một cách đơn giản nhất để bạn đọc dễ dàng thực hành và áp dụng được.
Mục Lục
Pagespeed được hiểu là gì?
Tốc độ trang thường bị nhầm lẫn với “tốc độ site”. Đây thực sự là tốc độ trang cho một mẫu trang xem trên site. Tốc độ trang có thể được mô tả trong “thời gian tải trang” (thời gian cần để hiển thị đầy đủ nội dung trên một trang cụ thể) hoặc “thời gian cho byte đầu tiên” (trình duyệt của bạn phải mất bao lâu để nhận được byte đầu tiên từ Máy chủ web). Cho dù bạn đo lường nó như thế nào, tốc độ trang nhanh hơn sẽ tốt hơn. Nhiều người đã nhận thấy các trang nhanh hơn sẽ có xếp hạng và chuyển đổi tốt hơn.
Tầm quan trọng của tốc độ tải trang
Google đã chỉ ra tốc độ trang web (và kết quả là tốc độ trang) là một trong những tín hiệu được sử dụng bởi thuật toán của họ để xếp hạng các trang. Và nghiên cứu cho thấy Google có thể đặc biệt đo thời gian cho byte đầu tiên như khi nó xem xét tốc độ trang. Ngoài ra, tốc độ trang chậm có nghĩa là các công cụ tìm kiếm có thể thu thập thông tin ít trang hơn và điều này có thể ảnh hưởng tiêu cực tới việc lập chỉ mục của bạn. Tốc độ trang cũng quan trọng đối với trải nghiệm của người dùng. Các trang có thời gian tải lâu hơn có xu hướng có tỷ lệ thoát cao hơn và thời gian trung bình thấp hơn trên trang. Thời gian tải lâu hơn cũng ảnh hưởng tiêu cực đến chuyển đổi.
Tiêu chuẩn đánh giá của công cụ Google Pagespeed Insights
Khi đánh giá một trang web đã được tối ưu hay chưa, Pagespeed Insights cũng có những tiêu chuẩn cụ thể để căn cứ vào và đánh giá. Những tiêu chuẩn đó bao gồm:
- Trang web nên hạn chế sử dụng redirect ở trang đích đến
- Cần kích hoạt chức năng compress dữ liệu trước khi gửi về trình duyệt.
- Thời gian trả lời của server nên được thực hiện nhanh nhất có thể
- Chức năng lưu trữ bộ nhớ cache ở trình duyệt nên được mở rộng.
- Các tài nguyên CSS và Javascript có trên website phải được giải nén.
- Giảm dung lượng trang web bằng cách thực hiện việc nén dung lượng hình ảnh
- Quy trình chèn các thư mục CSS vào website cần được tối ưu hóa một cách chặt chẽ.
- Các thứ tự được ưu tiên nội dung trong website phải được thiết lập một cách rõ ràng, cụ thể.
- Bỏ chế độ chặn Javascript và CSS trước khi tải trang.
- Tận dụng tối đa các thuộc tính không đồng bộ.
Khi một trang web đảm bảo được những tiêu chuẩn trên mới được xem là một trang web “chuẩn”. Pagespeed Insights sẽ phát hiện những những yếu tố nào mà website chưa đảm bảo. Công cụ này sẽ thông báo lại cho người dùng để có biện pháp khắc phục và cải thiện chất lượng trang web.
Gợi ý một số cách tăng tốc độ trang của bạn
Bật nén bằng Gzip
Sử dụng Gzip, một ứng dụng phần mềm để nén tệp tin. Qua đó để giảm kích thước tệp CSS, HTML và javascript lớn hơn 150 byte. Không sử dụng Gzip trên tệp hình ảnh. Thay vào đó, hãy nén chúng vào một chương trình như Photoshop. Nơi bạn có thể giữ được kiểm soát chất lượng hình ảnh.
Cố gắng giảm thiểu CSS, JavaScript và HTML
Bằng cách tối ưu hóa mã nguồn của bạn (bao gồm loại bỏ khoảng trống; dấu phẩy và các ký tự không cần thiết khác). Bạn có thể tăng đáng kể tốc độ trang của mình. Cũng loại bỏ comment mã nguồn, định dạng, và mã không sử dụng. Google khuyến cáo sử dụng công cụ Compressor cho cả CSS và javascript.
Giảm chuyển hướng đến trang khác
Mỗi lần trang chuyển hướng đến trang khác, khách truy cập của bạn sẽ mất thêm thời gian chờ đợi để hoàn thành phản hồi yêu cầu HTTP. Ví dụ: nếu mẫu chuyển hướng trên điện thoại di động của bạn trông như sau: “example.com -> www.example.com -> m.example.com -> m.example.com/home”, mỗi một trong hai chuyển hướng bổ sung này sẽ làm cho trang của bạn Tải chậm hơn.
Hãy tận dụng bộ nhớ đệm trên trình duyệt
Các trình duyệt cache rất nhiều thông tin (stylesheets, hình ảnh, file JavaScript và hơn thế nữa) để khi một người truy cập quay lại trang của bạn, trình duyệt không phải tải lại toàn bộ trang. Sử dụng một công cụ như YSlow để xem nếu bạn đã có một ngày hết hạn đặt cho bộ nhớ cache. Sau đó đặt tiêu đề “hết hạn” trong bao lâu bạn muốn thông tin đó được lưu trữ. Trong nhiều trường hợp, trừ khi thiết kế site của bạn thay đổi thường xuyên, một năm là khoảng thời gian hợp lý. Google có thêm thông tin về việc tận dụng bộ nhớ đệm (cache) ở đây
Hãy cải thiện thời gian phản hồi của máy chủ
Thời gian phản hồi của máy chủ bị ảnh hưởng bởi lượng lưu lượng bạn nhận được, tài nguyên mỗi trang sử dụng, phần mềm máy chủ của bạn sử dụng và giải pháp lưu trữ mà bạn sử dụng. Để cải thiện thời gian đáp ứng của máy chủ, hãy tìm các nút thắt hiệu suất. Như các truy vấn cơ sở dữ liệu chậm, định tuyến chậm. Hoặc thiếu bộ nhớ để cải thiện chúng. Thời gian đáp ứng máy chủ tối ưu là dưới 200ms. Tìm hiểu thêm về tối ưu hóa thời gian của bạn để byte đầu tiên.
Dùng mạng phân phối nội dung để phân phối tải trọng nội dung
Mạng phân phối nội dung (CDN- Content Distribution Network), còn được gọi là mạng phân phối nội dung. Đây là các mạng máy chủ được sử dụng để phân phối tải trọng phân phối nội dung. Về cơ bản, bản sao của trang web được lưu trữ tại nhiều trung tâm dữ liệu đa dạng địa lý để người dùng truy cập vào trang web của bạn nhanh hơn và đáng tin cậy hơn.
Tối ưu hóa hình ảnh của trang
Hãy đảm bảo rằng các hình ảnh của bạn không lớn hơn cần thiết. Chúng có định dạng file đúng (PNG thường tốt hơn cho đồ họa với ít hơn 16 màu trong khi các ảnh JPEG thường tốt hơn cho ảnh) và chúng được nén cho web. Sử dụng các CSS sprite để tạo mẫu cho những hình ảnh mà bạn thường xuyên sử dụng trên trang web của bạn như các nút và biểu tượng. Sprites CSS kết hợp hình ảnh của bạn vào một hình ảnh lớn tải tất cả cùng một lúc (có nghĩa là ít yêu cầu HTTP hơn). Và sau đó chỉ hiển thị các phần mà bạn muốn hiển thị. Điều này có nghĩa là bạn đang tiết kiệm thời gian tải. Bằng cách không làm cho người dùng chờ đợi nhiều hình ảnh để tải.
Vài nét về công cụ đo tốc độ load trang Google PageSpeed Insight
Google Page Speed Insight là công cụ đo lường hiệu suất của trang cho các thiết bị Desktop và mobile với thang điểm từ 0-100
- 85 điểm: Thật tuyệt trang của bạn tối ưu tốc độ tốt
- 60-84 điểm: bạn cần cải tiến và tối ưu tốc độ load trang
- Dưới 60 điểm: trang chậm và ảnh hưởng tới trải nghiệm người dùng cần cải thiện hiệu năng
Khắc phục các mục theo gợi ý điểm số load trang của bạn sẽ cao hơn và khi đạt đến mức xanh trến 85 điểm chúc mừng bạn đã thực hiện rất tốt. Cuối cùng sử dụng Developer Tools của trình duyệt chrome đo thời gian tải trang thực tế của bạn nếu dưới 3s thì bạn tối ưu tốc độ rất tuyệt, nếu không tối thiểu bạn cũng phải đảm bảo thời gian load dưới 5s nếu không muốn người dùng bỏ trang.