Tips tối ưu tốc độ load web
Đối với ae xây web shop bán hàng, thì tối ưu tốc độ là một mục tiêu khá quan trọng và đau đầu, Có nhiều ae kêu với mình là gắn Google Tag Manager vào để tracking ( Google Ads, Facebook Ads, Bings Ads. .v.v. ), Bro nào mà cài đủ thì tụt 10~20 điểm là thường.
Khi khách truy cập vào site. Thì những Tag bạn đã cài vào bị kích hoạt ngay. Mình có thể thay đổi bằng việc: Nếu khách hàng có bất kì tương tác nào thì Tag mới được kích hoạt, ví dụ như di chuột, click chuột, cuộn trang .v.v. thường web load xong khách mới tương tác, còn ông khách nào thao tác nhanh hơn cả load trang thì thua hehe. Cái này gọi là tương tác người dùng tối thiểu (minimal-user-interaction). Như thế sẽ tối ưu dc chút tốc độ, điểm test cũng sẽ cao hơn.
Sau đây mình sẽ hướng dẫn setup Kích hoạt Tương tác tối thiểu trên GTM:
B1: Tạo 1 Trigger tên là minimal-user-interaction
* Trigger: Custom Event
* Event name: minimal-user-interaction
B2: Tạo 1 Tag tên là minimal-user-interaction
* Tag type chọn: Custom HTML
* HTML: https://anotepad.com/notes/iycr25j6
* Trigger: All Page và minimal-user-interaction
B3: Vào tất cả các Tag có trigger là All page đổi thành minimal-user-interaction
B4: Test cảm nhận, cái này không đúng cho tất cả các trường hợp, bro nào thấy ok thì dùng k thì bỏ qua nhé
//decyber – hệ người chơi đam mê tốc độ
<script>
var mui = function()
{
var fired = false;
var kickTrigger = function()
{
if(fired === true){return false;}
//console.log(“miniumal-user-interaction”);
dataLayer.push({‘minimal-user-interaction’: true});
dataLayer.push({‘event’: ‘minimal-user-interaction’});
fired = true;
return true;
}
document.addEventListener(“focus”, kickTrigger, { once: true });
document.addEventListener(“mousemove”, kickTrigger, { once: true });
document.addEventListener(“scroll”, kickTrigger, { once: true });
document.addEventListener(“touchstart”, kickTrigger, { once: true });
}()
</script>
