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 thêm "comment mới gần đây nhất" cho blogspot
- Template dịch vụ, công ty giới thiệu cho blogspot
- Thủ thuật tạo khung liên kết thanh cuộn cho blogspot
- Nút điều khiển lên xuống toàn trang cho blogspot
- Menu ngang co kèm hình ảnh bên cạnh rất đẹp
- Hiệu ứng Like page Facebook (FB), G+, twitter động cực đẹp cho Web, blogspot
- CSS3 với hiệu ứng hình ảnh động cực đẹp cho Web, blogspot
- Bài viết liên quan cho blogspot - Hiệu ứng ảnh thu nhỏ
- Thủ thuật thêm thống kê Blog 3 trong 1 cho blogspot
- Thủ thuật tạo Slideshow bài viết mới nhất ngoài trang chủ Blogspot
- Tạo popup chỉ xuất hiện một lần duy nhất cho blog
- Thủ thuật tự động gom các Widget trên Blogspot thành các Tab nội dung
Comments[ 0 ]
Đăng nhận xét