Bạn có muốn thêm Lazy Load Google Analytics trong Blogger không? Hãy làm theo các bước dưới đây một cách cẩn thận để thêm Lazy Load Google Analytics trong Blogger và tận hưởng một trang web nhanh như chớp, trước tiên hãy để chúng tôi hiểu về lazy load là gì và cách nó làm tăng tốc độ của một trang web.
Lazy Load là gì?
Lazy Loading là một mẫu thường được sử dụng để làm cho trang web tải nhanh hơn bằng cách tải hình ảnh và video sau khi trang web đầy đủ được tải. Nếu bạn sử dụng Lazy loading trên trang web của mình, chỉ những hình ảnh ở trên mới được tải, Khi người dùng cuộn trang, Phần còn lại của những hình ảnh sẽ được tải.
Từ góc độ kỹ thuật, Lazy loading hoạt động tốt hơn đối với JavaScript kiểm tra chế độ xem hiện tại của khách truy cập và chỉ tải những hình ảnh hiển thị cho họ.
Tải chậm chỉ có tác dụng khi nhiều khách truy cập tiếp cận hình ảnh của bạn hoặc họ cuộn xuống trang. Nếu họ không truy cập hình ảnh, chúng không cần phải được tải.
Tải chậm là một tập lệnh được nhập vào mã của trang, do đó các tệp hình ảnh và video không được tải ngay khi người dùng mở trang, nhưng chúng bắt đầu mở khi người dùng đang ở trong phần đó của trang web. nơi đặt ảnh hoặc video.
Ngoài ra, trang web tải rất nhanh khi tải chậm và đồng thời mang lại sự hài lòng cho khách hàng. Loại tập lệnh lập trình này trực tiếp hữu ích trong việc cải thiện tốc độ tải trang web và làm cho trang web có nhiều khả năng người dùng ở lại trang web đó hơn và kết quả là tỷ lệ chuyển đổi tăng lên.
Điều này giúp tiết kiệm băng thông cho người dùng vì họ không phải tải xuống tất cả các hình ảnh của bạn; Ngoài ra, người dùng có thể duyệt trang web của bạn nhanh hơn nhiều.
Tải chậm là một cách tuyệt vời để tối ưu hóa cả hiệu suất cảm nhận và thực tế.
Tác dụng của Lazy Loading đối với Seo là gì?
Google luôn khuyên các nhà xuất bản tăng tốc độ trang web của họ. Họ luôn phát hành nhiều công cụ và bài viết để giúp chủ sở hữu trang web cải thiện tốc độ trang web của họ. Để cải thiện tốc độ của trang web, Google khuyên bạn nên trì hoãn việc tải hình ảnh ngoài màn hình.
Điều này có thể thực hiện được với việc sử dụng Kỹ thuật tải lười biếng. Bởi vì hình ảnh thường là phần lớn nhất của trang web và nó có ảnh hưởng lớn đến tốc độ và SEO của một trang web.
Nói chung, Google luôn áp dụng tính bảo mật liên quan đến các yếu tố xếp hạng. Tuy nhiên, khi nói đến tốc độ của một trang web, Google đã tuyên bố công khai rằng tốc độ trang web là một yếu tố xếp hạng cho tìm kiếm trên thiết bị di động. Công nghệ tải chậm là một tập lệnh hữu ích để làm cho các trang web tải nhanh hơn trên thiết bị di động.
Google Analytics ảnh hưởng đến tốc độ trang như thế nào?
Google Analytics là một công cụ theo dõi miễn phí của Google và nó cung cấp cho bạn thông tin đầy đủ về cách khách truy cập sử dụng trang web của bạn.
Tuy nhiên, nó có thể làm chậm thời gian tải blog của bạn nếu nó không được triển khai đúng cách. Nói chung, Google Analytics thêm tối đa 3 yêu cầu HTTP và mất khoảng 100 mili giây đến 500 mili giây.
Bạn có thể dễ dàng tiết kiệm thời gian này bằng cách trì hoãn việc tải mã Analytics.
Bạn có biết bạn có thể cải thiện trang tải nhanh hơn 100 mili giây bằng cách đặt mã phân tích vào Chân trang thay vì đầu trang. Nó có thể giải quyết loại bỏ lỗi Javascript chặn hiển thị PageSpeed và lỗi nội dung trong màn hình đầu tiên.
Tuy nhiên, bạn có thể cải thiện hơn nữa tốc độ trang bằng cách tải mã phân tích vào trang web của mình.
Cách thêm Lazy Load Google Analytics trong Blogger
Bước 1 . Lúc đầu, bạn cần truy cập bảng điều khiển Blogger, tức là Blogger.com .
Bước 2 . Chuyển đến Phần Chủ đề và Nhấp vào Nút Chỉnh sửa HTML.
Bước 3 . Tìm mã Google Analytics cũ nếu có và xóa mã đó.
Mã Google Analytics sẽ giống như sau:
<script async='async' src='https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxx-x'/>
<script>
//<![CDATA[
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config','UA-xxxxxxx-x');
//]]>
</script>Bước 4 . Bước 6: Thay thế <script async src = ”https://www.googletagmanager.com/gtag/js?id=UA-*********-*”> </script> trong mã Google Analytics của bạn với mã bên dưới
<script type='text/javascript'>
//<![CDATA[
var lazyanalisis=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyanalisis||0!=document.body.scrollTop&&!1===lazyanalisis)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://www.googletagmanager.com/gtag/js?id=UA-138689765-2";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyanalisis=!0)},!0);
//]]>
</script>Bước 5 . Tại đây, hãy thay thế mã theo dõi (được đánh dấu) trong cả hai mã và dán ngay phía trên thẻ </body>.
Mã cuối cùng của bạn sẽ trông như thế này, thay vì thay thế các mã trên, chỉ cần thay đổi Mã theo dõi trong thẻ bên dưới bằng mã của bạn và dán nó trước </body>.
<!-- Global site tag (gtag.js) - Google Analytics -->
<script type='text/javascript'>//<![CDATA[
var lazyanalisis=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyanalisis||0!=document.body.scrollTop&&!1===lazyanalisis)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://www.googletagmanager.com/gtag/js?id=UA-*********-*";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyanalisis=!0)},!0);
//]]></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-*********-*¥');
</script>Bước 6 . Trong mã trên, hãy thay đổi Mã theo dõi UA - ********* - * bằng mã theo dõi Google Analytics của bạn
LƯU Ý
Hãy nhớ thay thế phần được đánh dấu bằng Id Theo dõi Google Analytics của bạn.
Nhược điểm của Lazy Load Google Analytics
Nó rõ ràng sẽ loại trừ tất cả người dùng đóng trình duyệt của họ trước khi bạn cố tình trì hoãn. Vì vậy, số đếm sẽ bị sai. Và điều này sẽ ảnh hưởng đáng kể đến số " tỷ lệ thoát " được báo cáo trong Google Analytics. Tôi khuyên bạn không nên cố gắng cải thiện thời gian tải trang của Google Analytics. Google đã đầu tư đáng kể vào việc cố gắng tối ưu hóa điều đó. Và mọi trang web sử dụng Google Analytics đều bị phạt thời gian tải như nhau.
Vì vậy, đó là một sân chơi bình đẳng. Chỉ cần làm theo các phương pháp hay nhất của họ để biết vị trí đặt đoạn mã và tìm kiếm các cơ hội khác để cải thiện thời gian tải trang.
Tác dụng của Lazy Loading đối với Seo là gì?
Google luôn khuyên các nhà xuất bản tăng tốc độ trang web của họ. Họ luôn phát hành nhiều công cụ và bài viết để giúp chủ sở hữu trang web cải thiện tốc độ trang web của họ. Để cải thiện tốc độ của trang web, Google khuyên bạn nên trì hoãn việc tải hình ảnh ngoài màn hình.
Điều này có thể thực hiện được với việc sử dụng Kỹ thuật tải lười biếng. Bởi vì hình ảnh thường là phần lớn nhất của trang web và nó có ảnh hưởng lớn đến tốc độ và SEO của một trang web.
Nói chung, Google luôn áp dụng tính bảo mật liên quan đến các yếu tố xếp hạng. Tuy nhiên, khi nói đến tốc độ của một trang web, Google đã tuyên bố công khai rằng tốc độ trang web là một yếu tố xếp hạng cho tìm kiếm trên thiết bị di động. Công nghệ tải chậm là một tập lệnh hữu ích để làm cho các trang web tải nhanh hơn trên thiết bị di động.
Lời kết
Cuối cùng, tải chậm là một chiến lược tuyệt vời giúp giảm đáng kể thời gian tải ban đầu của các ứng dụng web. Tuy nhiên, để sử dụng chiến lược này, với tư cách là một nhà thiết kế web, điều quan trọng là phải nhận thức đúng về những tác động tiêu cực của nó trong khi phát triển bất kỳ chương trình nào.
Một ứng dụng phù hợp và có thể sử dụng được sẽ đảm bảo trải nghiệm người dùng tốt hơn. Điều quan trọng là phải có nội dung web được tổ chức tốt để có trải nghiệm duyệt web tốt. Công nghệ Lazy Loading giúp tăng tốc độ tải trang web, đồng thời tiết kiệm băng thông.
Cảm ơn bạn đã đọc!