Hướng dẫn tối ưu các chỉ số thiết yếu về trang web
LỜI MỞ ĐẦU
Bá o cá o Chỉ số thiết yếu về trang web - Core Web Vitals vừa được Google cập nhật vào
giữa năm 2020, thay thế cho bá o cá o tốc độ trước kia. Sự ra đời của báo cáo này là để hỗ trợ
nhà quản trị website có thể khắc phục trải nghiệm ké m của người dùng trên trang.
Cải thiện cá c chỉ số thiết yếu về trang web - core web vitals là cải thiện hiệu suất của
website, gia tăng trải nghiệm người dùng khi đến với web. Để cá c chỉ số này tiến dần về sự
hoàn hảo là điều mà người làm web hay doanh nghiệp nào cũng mong muốn nhưng không
dễ thực hiện, nó đòi hỏi ở bạn những kiến thức và kỹ năng về hệ thống, cấu trúc website, về
kỹ thuật SEO chuyên nghiệp,...
1
Hướng dẫn tối ưu các chỉ số thiết
yếu về trang web
Bá o cá o Chỉ số thiết yếu về trang web - Core Web Vitals vừa được Google cập nhật vào
giữa năm 2020, thay thế cho bá o cá o tốc độ trước kia. Sự ra đời của báo cáo này là để hỗ trợ
nhà quản trị website có thể khắc phục trải nghiệm ké m của người dùng trên trang.
Chỉ số thiết yếu về trang web - Core Web Vitals là gì ?
Chỉ số thiết yếu về trang chỉ ra hiệu suất của cá c trang (page) trong website theo dữ liệu
sử dụng thực tế, đôi khi là dữ liệu thực tế tại trang. Vậy dựa vào đâu để Google có thể lấy
được cá c dữ liệu sử dụng thực tế và trả về kết quả trên bá o cá o? Câ u trả lời chí nh là: Bá o
cá o trải nghiệm trên Chrome được tổng hợp từ người dùng toàn thế giới.
Nhà quản trị web có thể xem xé t tì nh trạng các trang trong website đang ở mức nào khi
user sử dụng điện thoại di động hay máy tính bàn để truy cập vào trang web, bên cạnh đó
Google Search Console cò n chỉ ra những vấn đề nào đang cần được quan tâm để tối ưu trải
nghiệm người dùng tốt hơn.
LPTech đã có một bài viết chi tiết về giải thí ch về 3 loại chỉ số LCP, FID và CLS mà bá o
2
Tại sao cần tối ưu chỉ số thiết yếu về trang web ?
Mỗi chỉ số quan thiết yếu về trang thể hiện cho những khí a cạnh trải nghiệm của người
dùng khi đến website. Theo nghiên cứu từ Google, thời gian tải trang ảnh hưởng nghiêm trọng
đến tỷ lệ thoá t trang và thời lượng mà người dùng ở trên trang. Cụ thể rằng:
1. Nếu thời gian tải trang tăng từ 1 giâ y lên 3 giâ y, tỷ lệ thoá t sẽ tăng 32%
2. Nếu thời gian tải trang tăng từ 1 giâ y lên 5 giâ y, tỷ lệ thoá t sẽ tăng 90%
3. Nếu thời gian tải trang tăng từ 1 giâ y lên 6 giâ y, tỷ lệ thoá t sẽ tăng 106%
Với những nhà quản trị website, tối ưu các chỉ số thể hiện hiệu suất luô n là mục tiêu hàng
đầu, khô ng ai muốn một website chất lượng với những bài viết tốt nhưng lại không được
người dùng vào xem chỉ bởi vì phải đợi tải trang. Thoát ra là hành vi hoàn toàn bình thường
khi người ta phải đợi điều gì đó quá lâu.
Tối ưu các chỉ số thiết yếu đồng nghĩa với việc tối ưu những trải nghiệm, cải thiện tốc độ
và hiệu suất tổng thể của trang web khi được mở trên thiết bị di động và cả máy tính để bàn.
Cá ch tối ưu chỉ số thiết yếu về trang web một cá ch triệt để?
Tối ưu triệt để cá c chỉ số thiết yếu về trang web là mong muốn của nhiều nhà quản trị web,
cá c doanh nghiệp nhưng làm cách nào để có thể thực hiện được điều đó. Để cá c chỉ số này
được tối ưu 100% bạn cần cải thiện một số yếu tố ảnh hưởng đến tốc độ trang như chất lượng
hosting và server, dung lượng website, bộ nhớ đệm - cache plugin,..
Đối với những nhà quản lý doanh nghiệp bình thường chưa hiểu rõ về lĩnh vực thiết kế và tối
ưu website thì để làm được điều này là quá khó khăn. Khi đó, bạn hãy tìm đến cá c chuyên
gia, họ là những lập trì nh viên, chuyên viên tối ưu chuyên nghiệp có kiến thức và kỹ năng
chuyên môn trong lĩnh vực này, họ luô n sẵn sàng hỗ trợ bạn trong việc tối ưu triệt để cá c chỉ
số thiết yếu như mong muốn.
3
Tối ưu tốc độ website trên di động.
Á p dụng AMP vào website.
Cô ng nghệ AMP được Google nghiên cứu và cho ra mắt nhằm mục tiêu tối đa hoá 100%
trải nghiệm khi có cá c truy cập bằng cá c thiết bị di động. Google vẫn luô n quan tâ m và cố
gắng phục vụ users của họ một cá ch tốt nhất và người dùng thì thường khô ng thí ch chờ đợi.
Cô ng nghệ này nổi bật lên với khả năng tối ưu tốc độ trang ngay lập tức (tức thời), đáp ứng
hoàn hảo tiêu chí Mobile first. AMP được nhiều nhà thiết kế website á p dụng vào sản phẩm
của mì nh nhằm tăng trải nghiệm của người dùng và nhận được đánh giá cao từ Google - ô ng
lớn mà website nào cũng muốn chinh phục.
Thiết Kế Website Amp sẽ giúp bạn tối ưu được cá c chỉ số thiết yếu về trang web khi thời
gian tải trang giờ đây chỉ được tí nh bằng mili giâ y.
Sử dụng canonical để xác định đường dẫn cho AMP.
Googlebot xác định sự tồn tại duy nhất của web hay của một trang duy nhất. Hiểu đơn giản
hơn là đôi khi, với cùng nội dung nhưng lại có nhiều kiểu đường dẫn được đưa về đó, lúc đó
thẻ canonical sẽ giúp cá c con bots hiểu rằng đâu mới là đường dẫn gốc. Sử dụng thẻ này
giúp bạn tránh được lỗi trùng lặp nội dung (duplicate content), một trong những lỗi nặng nhất.
Các trang (page) trong website được á p dụng cô ng nghệ AMP sẽ có đường dẫn hơi khác
với những đường dẫn nguyên gốc và việc sử dụng thẻ canonical để xác định đường dẫn cho
AMP là điều cần thiết. Điều này là một dấu hiệu thô ng bá o với Google về sự tồn tại của một
trang duy nhất, hã y bỏ qua những biến thể URL của AMP và đừng đánh lỗi trùng lặp.
Google đã thông báo rất rõ ràng về việc này và việc của những nhà quản trị web là cần
nhớ và thực hiện sao cho đúng!
Tối ưu hình ảnh trên website.
Tối Ưu Hình Ảnh Website là cô ng việc thường xuyên, cơ bản và cần làm nhất nếu bạn
muốn tối ưu các chỉ số thiết yếu về trang web. Hãy đảm bảo hì nh ảnh của bạn có ý nghĩa,
mang tí nh thẩm mỹ và có kích thước phù hợp.
Giảm thiểu dung lượng và kích thước hì nh ảnh sẽ giúp thời gian tải trang được tối ưu nhiều
hơn. Bạn có thể á p dụng những định dạng hì nh ảnh khá c nhau sao cho phù hợp với mục tiêu
của mình nhưng đừng để hì nh quá lớn hay quá nhỏ nhé ! Nếu kích thước hay dung lượng quá
nhỏ thì nó sẽ ảnh hưởng đến chất lượng hình khi lên web, còn ngược lại hì nh ảnh quá lớn thì
bạn biết rồi đấy, khi đó đừng nghĩ đến việc sở hữu bá o cá o chỉ số thiết yếu toàn là màu xanh!
4
Ngoài ra cò n có cá c kỹ thuật khá c cần làm như:
●
●
●
Á p Dụng Lazy loading vào toàn bộ hì nh ảnh trên website.
Kiểm tra và cải thiện Khả năng tiếp cận của website - Accessibility.
Kiểm tra tí nh thâ n thiện di động của website - Mobile-friendly.
Tối ưu tốc độ trên má y tí nh - PC
Quan trọng khô ng ké m việc tối ưu tốc độ website trên di động, tối ưu tốc độ trên má y tí nh
- PC cũng là nhân tố ảnh hưởng lớn đến kết quả của bá o cá o chỉ số thiết yếu về trang do
Google cung cấp. Thiết kế website chuẩn tối ưu cho máy tính để bàn là điều mà mọi nhà quản
trị web cần quan tâ m thực hiện.
1. Tối ưu hoá CSS và JS.
2. Tối ưu code Backend.
3. Sử dụng Cache và Preload.
4. Bật né n Gzip.
5. Sử dụng CDN.
Tối ưu Server /Hosting tăng tốc website.
Nếu bạn sử dụng SERVER riêng thì việc tối ưu là vô cùng cần thiết. Tối ưu server gồm:
1. Cài đặt cấu hì nh hệ thống Caching
2. Cấu hì nh tối ưu nén hình ảnh tự động
3. Cấu hì nh backup database
4. Cấu hì nh Né n CSS, JS tự động
5. Cấu hì nh load balancing Nginx và Apache.
5
Bạn đang xem tài liệu "Hướng dẫn tối ưu các chỉ số thiết yếu về trang web", để tải tài liệu gốc về máy hãy click vào nút Download ở trên
File đính kèm:
- huong_dan_toi_uu_cac_chi_so_thiet_yeu_ve_trang_web.pdf