12 cách giảm thời gian load trang cho bloger
Thứ Bảy, 3 tháng 8, 2013
Hầu hết các Thành viên blogger không thành công khi nói đến việc giảm thời gian tải blog. Hầu hết các hướng dẫn có sẵn trên làm giảm thời gian thực hiện cho một trang web để tải thường chưa rõ ràng hoặc không đầy đủ. Chúng tôi quyết định chia sẻ cách chúng ta giải quyết vấn đề này. Dưới đây là 11 lời khuyên thực sự thú vị và quan trọng để giảm thời gian load trang bằng gần 90%. Vấn đề load trang không chỉ làm người xem hài lòng mà nó là vấn đề không kém quan trọng đối với việc SEO blog của bạn. Vậy thì hãy tham khảo 12 cách mà chúng tôi đã làm để svfu.vn load nhanh như gió thế này ^^:
1: Hãy lưu tất cả các hình ảnh trên blog của bạn trong google plus
Tôi chia sẻ một lời khuyên quan trọng về việc tạo ra một sao lưu hình ảnh trong Blogger và sau đó các hình ảnh trên blog của bạn được lấy từ đó. Hầu hết các bạn sử dụng các mẫu không được chính thức cung cấp bởi Blogger. Các mẫu này thường chứa các hình ảnh được lưu trên các dịch vụ như TinyPic hoặc photobucket . Khi các trình duyệt tài blog của bạn, nó phải tải các hình ảnh trên các máy chủ khác nhau dẫn đến chậm trễ trong thời gian tải của blog. Những gì bạn phải làm là thay thế tất cả những hình ảnh đó với những hình ảnh mà bạn đã lưu trong blogger . Ưu điểm của việc này là trình duyệt sẽ chỉ cần kết nối với blogger trong khi tải hình ảnh của bạn. Do đó tiết kiệm thời gian load trang một cách đáng kể. Việc nữa là các hình ảnh của bạn nên giảm dung lượng xuống mức vừa phải, chú ý nhé, chỉ giảm vài KB thôi nhưng nó lại làm blog của bạn tải nhanh hơn rất nhiều.
2: Lưu tất cả các hình ảnh trên blog của bạn với định dạng .GIF hoặc .PNG
GIF là viết tắt của "Graphics Interchange Format" và PNG là viết tắt của "Portable Network Graphics" Cả hai định dạng được nén tốt, kích thước nhỏ hơn và được hỗ trợ rộng rãi bởi tất cả các trình duyệt. Tuy nhiên PNG có phần nén tốt hơn nhiều so GIF. Trong trường hợp điển hình lên tới 5-25%. Sử dụng nhiều định dạng hình ảnh sẽ làm giảm thời gian tải của blog lên thêm 40%- 60%.
3: Hãy để đúng kích thước hình ảnh khi thêm vào mẫu
Trong mẫu của bạn chắc chắn có những hình ảnh được thêm vào như: Logo, Banner...
Bạn hãy chỉnh kích thước của mỗi ảnh đó cho đúng với yêu cầu của mẫu đưa ra. Nghĩa là gì, nghĩa là nếu mẫu yêu cầu kích thước của ảnh đó là 500x100px thì bạn phải chỉnh ảnh của bạn sao cho đúng với kích thước đó (bạn có thể dùng Photoshop cho việc này). Tôi lấy VD với 1 đoạn code như sau:
<img width="500px" height="100px" src="URL hình ảnh" />Chiều rộng và chiều cao sẽ đòi hỏi một giá trị pixel. Khi đó bạn phải điều chỉnh kích thước hình ảnh của bạn có chiều rộng (width) bằng 500pixel và chiều cao(height) bằng 100pixel.
4: Không sử dụng hình ảnh làm nền cho blogspot
Nếu bạn đang sử dụng bất kỳ hình ảnh làm nền cho blog của bạn thì vui lòng bỏ nó. Một hình ảnh nền lặp lại theo chiều ngang và theo chiều dọc vấn đề đó sẽ làm thời gian load chậm lại 50%. Chỉ cần xóa bỏ nó thì ngay lập tức bạn sẽ thấy sự khác biệt. Để loại bỏ một hình nền đơn giản là tìm mã CSS này trong mẫu của bạn, ( Mẹo: - nó nằm ngay ở phía trước thẻ <body>):
body { background: #7AA1C3 url(http://xyz.com/blabla.jpg);width: 980px;color: #333;font-size: 14px;font-family: Georgia;margin: 0 auto 0;padding: 0; }
Hình ảnh nền của bạn chính là link màu đen có dạng http://xyz.com/blabla.jpg. Bạn chỉ cần xóa nó hoặc thay với một hình ảnh khác nhẹ hơn.
5: Lưu tất cả các file Javascript ngay trên blog của bạn
Các file Javascript cũng là những yếu tố rất quan trọng làm nên sự chậm trễ khi load trang bởi trình duyệt sẽ phải load thêm các Javascript mà bạn lưu bên ngoài. Nhưng bạn không phải lo điều đó, vì tôi sẽ chia sẻ cho bạn một mẹo đơn giản để lưu Javascript ngay trên Blog của bạn (cụ thể là trên mẫu). Tức là chúng ta sẽ giải nén tất cả các File Javascript ra mẫu và trước thẻ </head> bằng cách sử dụng mã dưới đây:
<script type='text/javascript'>
//<![CDATA[
Dán mã javascript tại đây//]]>
</script>
Các văn bản in đậm là nơi bạn phải dán mã JavaScript mà bạn sử dụng trong mẫu của bạn bằng cách liên kết đến một trang web bên ngoài. Để tìm một URL JavaScript liên kết đến trang web bên ngoài, tìm kiếm <script type='text/javascript'> trong mẫu của bạn. Một khi bạn tìm thấy liên kết, mở liên kết trong trình duyệt. Bạn sẽ thấy phần lớn các văn bản phức tạp trong các cửa sổ và đó là mã JavaScript của bạn. Đơn giản chỉ cần sao chép và dán nó trong các mã được chia sẻ ở trên. Thay thế Tất cả các mã JavaScript trong mẫu của bạn với code ở trên, đảm bảo rằng tốc độ load trang của bạn sẽ được cải thiện đáng kể.
6: Hãy sư dụng quảng cáo một cách hợp lý
Nếu bạn đang làm blog chỉ để kiếm tiền bằng cách hiển thị khối lượng lớn các quảng cáo từ nhiều nguồn thì thật sự là bạn đang đuổi khách hàng của bạn. Đừng biến blog của bạn thành một chợ cá. Hiển thị chỉ vài quảng cáo tại các khu vực quan trọng trong blog của bạn. Làm như vậy sẽ giữ cho giao diện blog của bạn dễ nhìn và bớt rắc rối cũng như làm hài lòng người xem. Mỗi add bạn hiển thị sử dụng JavaScript và bó sẽ kéo dài thêm thời gian load trang của bạn.
Phù...hôm nay tới đây đã. Mấy hôm nữa mình viết tiếp. hì
- 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
- Share 3 template bloger đẹp cho anh em
- Blogger Templates Vector Responsive
- Tạo iFrame YouTube Màu bạc
- Thêm tác giả, quyền Admin cho blogspot
- Hiển thị nhãn (label) phong cách màu tím cực nổi cho blogspot [V3]
- Thêm Google translate - dịch đa ngôn ngữ cho Blogspot
- Cài đặt theo dõi Google analytics cho blogspot
- Cách tạo khung Form đăng nhập cho blogspot
- Thêm chia sẻ Like và share bài viết cho blogspot [trên trang itviet360]
Comments[ 0 ]
Đăng nhận xét