Hiển thị thời gian tải trang cho blogspot
Thứ Năm, 28 tháng 4, 2011
- Hiển thị thời gian tải trang cho blog giúp bạn kiểm tra tốc độ load trang web cho blog của bạn để có cơ sở cải thiện nó bởi vì về một phương diện nào đó, tốc độ tải trang web càng nhanh thì blog của bạn càng được ưa thích bởi người đọc hơn.
Để làm được điều này, bạn hãy thực hiện theo các bước sau đây.
Bước 1. Đăng nhập Blogger vào Design >> Edit HTML.
Đặt đoạn code bên dưới vào sau thẻ <head>.
<!-- Page load timer -->
<script type='text/javascript'>
var d = new Date();
var starttime = d.getTime();
</script>
Tiếp theo đặt đoạn code bên dưới vào trước thẻ </body>.
<!-- START page load timer -->
<script type='text/javascript'>
var d2 = new Date();
var endtime = d2.getTime();
var totaltime = (endtime - starttime)/1000;
var result = Math.round(totaltime*100)/100;
document.getElementById("loadtime").innerHTML = "Thời gian tải trang: "+ result +" giây";
</script>
<!-- END page load timer -->
Lưu Template.
Bước 2. Đặt dòng code bên dưới vào một tiện ích HTML/JavaScript hay tại vị trí cần hiển thị thông tin tải trang.
<p id="loadtime"></p>
Để làm được điều này, bạn hãy thực hiện theo các bước sau đây.
Bước 1. Đăng nhập Blogger vào Design >> Edit HTML.
Đặt đoạn code bên dưới vào sau thẻ <head>.
<!-- Page load timer -->
<script type='text/javascript'>
var d = new Date();
var starttime = d.getTime();
</script>
Tiếp theo đặt đoạn code bên dưới vào trước thẻ </body>.
<!-- START page load timer -->
<script type='text/javascript'>
var d2 = new Date();
var endtime = d2.getTime();
var totaltime = (endtime - starttime)/1000;
var result = Math.round(totaltime*100)/100;
document.getElementById("loadtime").innerHTML = "Thời gian tải trang: "+ result +" giây";
</script>
<!-- END page load timer -->
Lưu Template.
Bước 2. Đặt dòng code bên dưới vào một tiện ích HTML/JavaScript hay tại vị trí cần hiển thị thông tin tải trang.
<p id="loadtime"></p>
- Thủ thuật tạo các nút điều khiển cho Blogspot
- Thành phần hiển thị popup đóng tự động
- Tiện ích "Bài viết liên quan" cho Blogger, bản nâng cao, có phân trang
- Tạo tab nhiều tiện ích cho blogspot
- Hướng dẫn tạo Drop Menu cho blog
- Tạo Menu Labels (Nhãn) xổ xuống cho Blogger
- Phân trang cho blog - Page Navigation
- Bộ nút tăng giảm font chữ trong web
- Hướng dẫn cài đặt tên miền cho blogspot
- Style mới cho tiện ích "Recent post" theo label ở Homepage
- Bài viết liên Quan và các tin khác
- Code tạo một box nằm bên góc phải
Comments[ 0 ]
Đăng nhận xét