Một số mẹo hay và đơn giản giúp Blog của bạn load nhanh hơn

Hầu hết các blogger đều sử dụng nhiều template, hình ảnh, quảng cáo. Điều đó làm giảm khả năng load trang của trang đáng kể. Dưới đây là một số mẹo nhỏ mình muốn chia sẻ với các bạn giúp trang blog/website của các bạn load nhanh và mượt mà hơn.

1. Upload tất cả ảnh thẳng lên Blogger

Hầu như đa phần chúng ta đều sử dụng những free template có sẵn trên mạng, và thường những template này có những hình ảnh được upload lên photobucket hoặc tinypic. Khi blog của bạn load bắt buộc nó phải link đến những nguồn hình ảnh trên, tất yếu sẽ giảm đi tốc độ tải trang của blog.
Việc bạn cần làm bây giờ là đưa những hình ảnh đó trực tiếp lên Blogger, như vậy tất cả hình ảnh đều đã được đưa về một đầu mối duy nhất, dĩ nhiên việc tải trang sẽ nhanh hơn. Ở đây mình khuyến nghị bạn nên sử dụng Album Picasa để upload ảnh dùng cho blogspot.

2. Lưu hình ảnh dưới dạng .GIF hoặc .PNG

Định dạng GIF (Graphics Interchange Format) và PNG (Portable Network Graphics) được nén rất tốt, dung lượng cực nhỏ và hầu như đều được hỗ trợ trên tất cả trình duyệt nên việc sử dụng chúng cũng sẽ là một cách hay giúp trang tải nhanh hơn.

3. Giới hạn kích thước của ảnh khi đăng bài

Kích thước chiều rộng và chiều cao của ảnh được giới hạn bằng pixels, ảnh càng lớn thời gian tải trang càng lâu, bạn nên chọn kích thước ảnh sao cho phù hợp với blog của mình.
Khi đăng ảnh mới lên blog, bạn hãy để ý trong link ảnh có đoạn .../s1600/...
Ví dụ:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgimHVo_8hM8BViBfgSwV8cSlF8ut8v7KFMuxUSOkp6NeiqOUcDKZytIRbG7CL24TWXUgGe_tmMnF0UIBBYDA9EtthJZ7ZIOJkYZAQCKOzdEk5uLKLcSNxvHCo8zou5CJOxyi9WgDmyiQol/s1600/Logo-Bac-Si-Windows.png'/>
trong đó s1600 là kích thước của ảnh, hãy điều chỉnh nó cho phù hợp, như s300, s600, s900,... giá trị càng nhỏ thì ảnh kích thước càng nhỏ, và ngược lại.

4. Không sử dụng hình ảnh làm background

Nếu bạn đang dùng hình ảnh làm hình nền cho blog, tốt nhất bạn nên xóa nó đi và chỉ dùng màu để làm background thôi. Hãy dùng đoạn code dưới đây để cải thiện:
body {
 background-color: #eee!important; /* eee là mã màu */
 background-image: none!important
}

5. Đặt ít quảng cáo:

Nếu như blog của bạn đăng nhiều mẫu quảng cáo để kiếm tiền thì chắc chắn rằng bạn đã lầm đường lạc lối, hãy quay đầu lại đi để thấy được bến bờ. Nguyên nhân? Đơn giản, chúng sẽ làm giảm tốc độ tải trang vì chứa nhiều javascript và sẽ làm giảm tốt độ của trang đáng kể, đặc biệt là Google Adsense.

6. Giới hạn ít bài đăng ngoài trang chủ

Cái gì cũng vậy, càng ít sẽ càng nhanh, nếu bạn để quá nhiều bài viết ngoài trang chủ thì nó sẽ làm giảm đi tốc độ của trang một cách đáng kể đấy. Vì vậy, tốt nhất hãy giới hạn bài viết ngoài trang chủ, nên để khoảng 5 - 7 bài viết trở lại là được, nếu cần thiết thì chúng ta thêm phân trang vào.

7. Sử dụng ít tiện ích HTML/Javascript

Tiện ích HTML/Javascript hay còn gọi là gadget. Đúng! Nó tiện lợi nhưng sử dụng nhiều quá sẽ không tốt. Một blog tốt nhất nên để khoảng 3 đến 4 tiện ích gadget là được, hãy truy cập vào Bố cục và xóa hết những widget thừa thãi, không cần thiết, tốc độ sẽ tăng đáng kể!

Tổng kết

Trên đây là một số lời khuyên mình có thể đưa ra, mong là nó sẽ có ích với các bạn! Có sử dụng một số đoạn do mình sưu tầm được. Chúc bạn thành công!
Nhớ bấm "Thông báo cho tôi" bên trên để nhận thông báo qua Email khi Admin trả lời nhé.
  • Đây là khu vực quản trị, bạn không có quyền truy cập vào!
    1. Sai rồi admin, ảnh jpge mới là ảnh nén. Nên nhẹ hơn ảnh .png

      Trả lờiXóa
      Trả lời
      1. Chuẩn rồi :D Photoshop có nén ảnh lại để phù hợp đưa lên web ... đây là cách nhanh nhất

        Xóa