Hiển thị thời gian tải trang đơn giản cho Blogspot

hien thi thoi gian tai trang don gian cho blogspot

Bên cạnh các website uy tín có thể kiểm tra tốc độ/thời gian tải trang cho trang Website/Blog của bạn như PagaSpeed Insights, Pingdom Website Speed Test,... thì bạn hoàn toàn có thể tự tạo ra tiện ích tải trang cho riêng bạn để người đọc có thể thấy được mà không cần phải vào các trang thứ ba ở trên.

(*) Thủ thuật này hoạt động cho tất cả các trang riêng biệt như bài viết, trang chủ, trang nhãn, trang tĩnh,...

Bạn có thể xem DEMO ở bên dưới để biết thủ thuật này hoạt động như thế nào nhé!

Đang tải...

Bây giờ, chúng ta cùng bắt đầu thực hiện nào.

Page Load Time đơn giản cho Blogspot

Bước 1. Đăng nhập tài khoản Blogger của bạn.

Bước 2. Bạn hãy sao chép đoạn mã dưới đây vào vị trí mà bạn muốn nó hiển thị, ví dụ như sidebar, footer, bài viết,...

<div id="page-load-time">
<span>Đang tải...</span>
<script type="text/javascript">
var showTime = document.getElementById('page-load-time'),
    startTime = (new Date()).getTime();
window.onload = function() {
    var endTime = (new Date()).getTime();
    showTime.innerHTML = "Thời gian tải trang: " + ((endTime-startTime)/1000) + " giây";
};
</script>
</div>

Rất đơn giản phải không nào! Bây giờ, bạn và cả người đọc của bạn đều có thể nhìn thấy và biết được tốc độ tải trang của trang mà họ đang đọc mà không cần phải sử dụng chương trình của bên thứ ba nữa.

Ngoài ra, bạn hoàn toàn có thể trang trí sao cho phù hợp với trang của bạn.

Chúc bạn thành công!

0 nhận xét:

Đăng nhận xét