adchatgptĐầu năm 2023 Google cập nhật khá nhiều thuật toán liên quan đến trải nghiệm người dùng trên website, và để tối ưu hóa Speed, CLS,FID,LCP… rất mất nhiều công của anh em webmaster.
Bài viết ở đây tôi tản mạn về vấn đề này, khi mà website của bạn đạt chuẩn 100% các yếu tố tốc độ, trải nghiệm người dùng thì việc xây dựng content rất chi là sướng, các khách hàng của chúng tôi khi được tôi tư vấn chuẩn hóa tốc độ xong, họ áp dụng Phần mềm viết content tự động chatgptapp vào thấy tốc độ index bài viết và lên top cải thiện rất đáng kể.
Và để có một nền tảng lõi làm website thì bạn cũng phải giỏi về công nghệ web đấy nhé. Đây là 1 trong những lợi thế cạnh tranh của thị trường xây dựng website cho doanh nghiệp trên thế giới, SEO từ khóa Thiết kế website đã cực khoai ở Việt Nam roài, bơi ra biển lớn nữa thì bạn phải đổ rất nhiều tiền về Marketing nhé…
Đánh giá trải nghiệm trên trang để tạo môi trường web lành mạnh hơn Core Web Vitals, Chuẩn đo Lường Website Mới Bởi Google
Và đây là những gì nền tảng CMS quốc tế này làm được:
Vấn đề: 80% các Webmaster rất đau đầu để tăng trải nghiệm người dùng để phù hợp với các công cụ tìm kiếm.
- Dưới comment tôi đính kèm những website CMS cỡ bự Ecommerce, báo lớn ở VN tôi mó vào, thường thì khi triển khai mentor dự án kiểu này mất bố nó 2 tháng để giải quyết Speed, CLS,FID,LCP… Mà nói thật các CMS các bác nền tảng tự code ở Việt Nam rất lười cập nhật, bán được hàng là mỗi năm chắc fix được vài nhát. Mình không vơ đũa cả nắm, nhưng cần cập nhật học hỏi để tiến bộ thôi.
- Chửa nói đến các ae dùng wordpress, tôi xây cả dàn WordPress cũng gặp vấn đề tương tự.
Giải pháp: Đơn vị tạo nền tảng build website này đã giải quyết được vấn đề trên, hỗ trợ cho SEO rất tốt, Ads rất mượt. Đây là USP lợi thế sống còn của nền tảng phía dưới bài viết tôi giới thiểu.
P/S: Nền tảng web mình nói bài này là webflow ngon phết tham khảo thôi nha.
Tiện đây tổng hợp cho anh em những cách tối ưu các chỉ số CLS,FID,LCP… mình search được trên mạng:
Fix Optimize Cumulative Layout Shift(CLS), PageSpeed Insights – Tác giả: hoanguyenit.com
Lỗi này do ta không được witdth, height cho tấm hình. Nếu tấm hình không được thuộc tính width, height, thì nội dung nó bị đẩy lên , đấy xuống, làm ảnh hưởng đến bố cục website, dẫn đến điểm số thấp
Cách fix nó bằng jquery, mình đã thử thấy ok đấy, các bạn thử nó xem nhé
<script type="text/javascript">
function getRenderedSize(element) {
var width = $(element).width();
var height = $(element).height();
return { width: width, height: height };
}
function getResponsiveImageSize(element) {
var tempImage = new Image();
tempImage.src = $(element).attr("data-src");// if using lazy load
var width = tempImage.naturalWidth;
var height = tempImage.naturalHeight;
return { width: width, height: height };
}
$(document).on('ready', function () {
setTimeout(function(){
$("img").each(function(index){
$(this).attr("alt","Hoanguyenit.com");
let url_img = $(this).attr("src");
let {width,height} = getRenderedSize($(this));
$(this).attr("width",width);
$(this).attr("height",height);
});
},500);
});
</script>
Các nguyên nhân phổ biến nhất dẫn đến chỉ số CLS kém
Để website của bạn có thể đạt chỉ số CLS cao, trước tiên bạn cần biết được các nguyên nhân cốt lõi gây ra vấn đề này. Những nguyên nhân phổ biến tôi sẽ liệt kê cho bạn như sau:
- Hình ảnh không có kích thước
- Mã nhúng và iframe không có kích thước
- Cách load phông chữ gây ra vấn đề về FOIT / FOUT
- Các nội dụng động
- Tốc độ trang web
- Animations
Nguồn: Cách tối ưu chỉ số Cumulative Layout Shift (CLS) cho website sharekynang.com/cach-toi-uu-chi-so-cumulative-layout-shift-cho-website/
Kết luận:
Chỉ số Core Web Vitals hay còn gọi là tối ưu trải nghiệm người dùng theo cách của Google, đây đã trở thành một số liệu quan trọng.
Đây là thông tin chính xác rồi nhé đăng bởi Sowmya Subramanian, Giám đốc Kỹ thuật của Hệ sinh thái Tìm kiếm