Thủ thuật blogspot - Dautoblog

Tiện ích thông báo tốc độ tải trang-Page load time cho blogspot/website

Tiện ích thông báo tốc độ tải trang-Page load time cho blogspot/website
Các website free giúp chúng ta kiểm tra tốc độ tải trang cho blogspot hay website có rất nhiều trên internet.Ví dụ như một số trang uy tín như:
- PageSpeed Insights
- GTMetrix
- PingDoom Tool
- WebPageTest
Chúng ta có thể vào đó nhập URL trang của mình và click để kiểm tra.Sau khi hoàn thành nó cho ta các thông số về tốc độ tải trang hay cùng các thông số về hình ảnh hay dung lượng về javascript và các lời khuyên giúp ta hoàn thiện blogspot tốt hơn.
Thế còn ngay tại blogspot thì sao liệu ta có thể tạo cho mình một tiện ích có thể kiểm tra tốc độ load đối với các trang của blogspot được không?Câu trả lời là hoàn toàn có thể.
Ta có thể tạo một tiện ích ngay trên blogspot một cách trực quan sinh động báo cho khách truy cập thấy được tốc độ tải trang của blogspot.

Các bạn có thể xem thử DEMO
DEMO
Thêm tiện ích thời gian tải trang vào blogspot
Bạn chỉ cần tiến hành thêm một tiện ích tại nơi bạn muốn và dán đoạn code sau vào rồi lưu lại là xong.
<div style="background:#fff; padding:8px;width:100%;
height:33px;
border-radius:2px;font-family:Geogria;font-size:18px;color:#666;text-align:center;
box-shadow:
0px 2px 2px 0px #aaa,
0px 2px 2px 0px #666 inset; ">
<div id="load-time">Thời gian tải trang...</div>
<script type="text/javascript">
var showTime = document.getElementById('load-time'),
    startTime = (new Date()).getTime(); // Get the time before `window.onload`

window.onload = function() {
    // Get the current time in `window.onload`
    var endTime = (new Date()).getTime();
    // Now use the `startTime` and `endTime` to calculate the seconds
    // And show the result inside `#load-time`
    showTime.innerHTML = "Page load time = " + ((endTime-startTime)/1000) + " sec(s).";
};
</script></div>
Chúc các bạn thành công!
Comments blogger

Không có nhận xét nào :