Giới thiệu tăng tốc độ tải trang Blogspot
Blogspot hệ thống quản trị nội dung, hay còn gọi là CMS (Content Management System) được Google cho phép đăng ký sử dụng miễn phí. Với máy chủ của Google thì tốc độ tải trang web được tạo bằng Blogpsot vẫn rất ổn định, tuy nhiên việc dùng các template có giao diện phưc tạp, nhiều chức năng được thêm vào và cùng một số yếu tố khác cũng làm chậm đi tốc độ tải trang đáng kể, điều này rất có hại đối với điểm SEO của trang web. Trong bài viết này, mình sẽ hướng dẫn các bạn cách tăng tốc độ tải trang Blogspot mà mình đã áp dụng cho blog mình và thấy rất hiệu quả.
 |
| Tăng tốc độ load Blogspot |
Vậy tại sao cần tăng tốc độ tải trang cho Blogspot ?
Câu trả lời đơn giản là nó tốt cho SEO. Google đánh giá website của bạn qua rất nhiều yếu tốt, ngoài chất lượng nội dung còn có cả tốc độ tải trang vì nó ảnh hưởng trực tiếp đến trải nghiệm người dùng. Sẽ không ai có nhiều thời gian chờ một trang web load mãi mà không thấy nội dung đâu cả. Tốc độ tải trang nhanh giúp giữ chân hơn 52% lượng khách truy cập (tức là thời gian onpage sẽ tăng), theo thống kê của hãng công nghệ Akamai thì có 47% người dùng mong muốn website họ truy cập tải trong vòng 2s.
Chính vì những lí do, yếu tố quan trọng đó, chúng ta nên tăng tốc độ tải trang Blogspot lên nhanh nhất có thể để không ảnh hưởng đến trải nghiệm người dùng.
 |
| Tăng tốc độ tải website |
Những yếu tố ảnh hưởng đến tốc độ tải trang Blogspot
Dưới đây là một số nguyên nhân ảnh hưởng đến việc tải trang.
1. Giao diện (template)
Việc lựa chọn một template đẹp, hoành tráng cho website của mình là mong muốn của rất nhiều người. Tuy vậy, một giao diện được thiết kế quá phức tạp cũng làm tốc độ tỉa trang giảm hụt vì có quá nhiều thứ cần được hiển thị khi truy cập trang web.
2. Hình ảnh
Hình ảnh là thứ không thể thiếu trong một website hay bài đăng vì nó giúp website trở nên sinh động hơn, không ai thích một trang web toàn là chữ. Việc đặt quá nhiều hình ảnh, hay hình ảnh có độ phân giải quá cao, không cần thiết sẽ mất thời gian để load hết tất cả ảnh đó.
3. Có quá nhiều script
Việc thêm script sẽ giúp cho web tiện ích hơn, giúp cho việc thêm tính năng dễ dàng, nhưng việc này cũng khiến làm giảm tốc độ tải web.
4. Quá nhiều CSS và JS dư thừa
Các CSS cũ thông thường sẽ được bỏ qua khi bị thay thế bởi những CSS mới và không được loại bỏ sẽ vẫn được load khi tải trang.
Hướng dẫn tăng tốc độ tải trang Blogspot
1. Tối ưu hiển thị hình ảnh với Lazy load
Nếu một bài viết hay trang chủ của bạn có quá nhiều hình ảnh để tải trong một lượt thì Lazy load sẽ giúp bạn khắc phục điều đó. Khi người dùng cuộn trang đến nội dung nào thì phần ảnh của phần đó sẽ hiện lên, sẽ tối ưu hơn là chờ cho trang load hết tất cả ảnh.
2. Nén CSS giúp tăng tốc độ load Blogspot
Nén CSS sẽ giúp bạn tiết kiệm được thời gian tải trang khi dung lượng của nó giản đi 20% đến 30%. Nếu website của bạn dùng nhiều CSS thì việc này là rất cần thiết để tối ưu website tối nhất. Mình cũng sẽ hướng dẫn các bạn nén CSS cho Blogspot dưới đây.
Hướng dẫn nén CSS cho website
Lưu ý: Trước khi nén CSS bạn hãy sao lưu template của bạn đề phòng khi thao tác sai còn có thể khôi phục lại được nhé (vào trang quản lí blog > Chủ đề > Ở cạnh nút tùy chỉnh click vào muỗi tên sổ xuống > Sao lưu > Tải xuống).
Bước 1: Vào phần chỉnh sửa HTML của template (vào trang quản lí blog > Chủ đề > Ở cạnh nút tùy chỉnh click vào muỗi tên sổ xuống > Chỉnh sửa HTML).
Bước 2: Copy đoạn CSS từ thẻ <b:skin> đến trước thẻ đóng </b:skin> (chỉ copy CSS chứ đừng copy thẻ nha :D).
Bước 3: Các bạn vào trang tool nén CSS online tại GiaHuyBlog, paste đoạn CSS vừa copy và chọn các ô trong tool tùy theo ý bạn. Nén xong copy tất cả và thay thế đoạn CSS cũ là xong.
3. Tối ưu hình ảnh trước khi upload lên blog
Dung lượng ảnh quá cao sẽ khiến mất thời gian load và gây tốn dung lượng không cần thiết. Các bạn nên sử dụng một số công cụ giúp nén, giảm dung lượng hình ảnh trước khi tải lên. Hãy khắc phúc vấn đề này để tăng tốc dộ tải trang Blogspot. Theo mình thấy một số tool hoạt động rất hiệu quả mà không giảm quá nhiều độ phân giải của hình ảnh nữa!. Mình sẽ liệt kê một số trang web tiêu biểu giúp nén hình ảnh.
4. Chèn Goolge Analytics không gây ảnh hưởng đến tốc độ tải trang
Nếu bạn dùng Google Analytics để thống kê số liệu của web thì đoạn script mà bạn chèn vào cũng làm chậm đi tốc độ tải trang đấy. Hãy dùng đoạn script sau để khắc phục vấn đề này.
Các bạn copy đoạn mã sau paste vào trước thẻ đóng </body> trong phần chỉnh sửa HTML của giao diện.
<script>
window.addEventListener('load', function() {
var is_load = 0
function loadanalytics() {
if (is_load == 0) {
is_load = 1
var an = document.createElement('script')
an.async = true;
an.src = 'https://www.googletagmanager.com/gtag/js?id=UA-000000000'
var sc = document.getElementsByTagName('script')[0]
sc.parentNode.insertBefore(an, sc);
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-00000000');
}
}
window.addEventListener('scroll', function() {
loadanalytics()
})
})
</script>
Lưu ý: Hãy đổi UA-0000000 thành ID của bạn.
5. Không lạm dụng quảng cáo
Một số bạn thường mắc một sai lầm rằng cứ treo càng nhiều quảng cáo thì được cài nhiều tiền. Quan điểm này hoàn toàn sai! Việc bạn treo quảng cáo nhiều sẽ phản tác dụng, làm trang load chậm vì các mạng quảng cáo đều giới hạn số lượng banner tối đa có thể hiển thị ở một trang nhất định. Chính về thế, đừng lạm dụng quảng cáo quá nhiều.
Kết thúc bài viết
Sau bài viết này, bạn đã có thể tự tay mình tăng tốc dộ load cho website Blogspot của mình chưa? Với các bước đơn giản trên, mình tin rằng các bạn có thể áp dụng hiệu quả và đạt được thêm nhiều điểm SEO cho webiste. Cảm ơn các bạn đã ghé thăm.