Bật nén Gzip cho blogger là công việc cần làm của mỗi website. Nếu website không được nén ở một kích thước nhất định thì tốc độ tải trang chắc chắn sẽ chậm chạp. Nén website với mục đích làm giảm tối đa dung lượng tập tin HTML được lưu trữ trên máy chủ web lên đến 70% và tăng tốc độ tải website một cách nhanh chóng.
Đối với nền tảng Wordpress thì hoàn toàn đơn giản, bởi vì nhiệm vụ này đã có các Plugin làm giúp chúng ta, hơn nữa với Wordpress có chúng ta có thể thêm các mã lệnh ở file .htaccess và upload lên thư mục gốc website thế là xong. Nhưng đối với blogger thì như thế nào? Có lẽ vất vã hơn nhiều, bởi vì blogger không có plugin hay file .htaccess. Tất cả mọi việc ở đây chúng ta phải làm bằng tay.
Bật nén Gzip cho blogger như thế nào?
Trước tiên để bật nén gzip cho blogger thì xem xét website sử dụng tên miền nào? Nếu sử dụng tên miền cao cấp thì quá tuyệt. Bởi vì sử dụng tên miền cao cấp, chúng ta sẽ nhờ dịch vụ Cloudflare miễn phí can thiệp, và ở đây họ sẽ làm tất cả mọi việc cho chúng ta. Như vậy, bạn đã đỡ đi rất nhiều công sức. Bây giờ hãy xem những hình ảnh trên Cloudflare đã làm những gì cho chúng ta. Đây là hình ảnh được chụp lại trong phần cài đặt tốc độ.
Trên Cloudflare chúng ta có thể chỉ định nén các tập tin CSS, Javascript, HTML. Hệ thống sẽ tự động nén và thu nhỏ kích thước của từng tập tin mà chúng ta không phải làm việc gì cả.
Nhưng nếu bạn không sử dụng tên miền cao cấp thì đây là một thiệt thòi lớn. Ở miền mặc định miễn phí blogspot.com thì không thể nào làm những việc này tự động mà chúng ta cần phải nén thủ công từng bước một. Và công việc này có thể gây ra một số lỗi, đó là điều không thể tránh khỏi. Nếu nén thủ công thì cũng không mang lại hiệu quả tải trang cao và rất khó để xác định các đoạn CSS, Javascript hay HTML cần thiết để nén. Vậy nén ở bước này chúng ta phải làm thế nào?
Nén thủ công trước tiên phải nén các tập tin CSS , Javascript và hình ảnh trên website. Với CSS thì bạn có thể tìm đến cặp thẻ <b: skin> và </b: skin> trong phần HTML của blogger. Copy toàn bộ mã CSS nằm trong đoạn này và sử dụng công cụ nén CSS để nén. Sau đó dán mã đã nén xong đè lên mã CSS củ. Với Javascript cũng tương tự như vậy, hãy tìm đến các mã Javascript nằm trong cặp thẻ <script>...</script> để copy rồi sử dụng công cụ nén Javascript nén và dán đè lên mã cũ. Hoặc có thể ngiên cứu cách nén CSS và Javascript.
Đối với nén hình ảnh thì cần phải chuyển định dạng tất cả hình về đuôi JPEG, sau đó sử dụng phần mềm nén ảnh miễn phí và hiệu quả nhất FILEminimizer Pictures để nén các tập tin đến dung lượng thấp nhất mà có chất lượng không thay đổi. Sau đó thay thế cho các ảnh củ.
Cuối cùng hãy kiểm tra tốc độ load website đã cải thiện chưa, nếu chưa cải thiện thì tiếp tục nén HTML của website bằng công cụ HTML Compressor. Chú ý: Sử dụng quá nhiều công đoạn nén sẽ không tránh khỏi lỗi website. Nên thận trọng lưu lại mẫu trước khi thực hành, hoặc lưu mẫu cho từng công đoạn để đỡ tốn thời gian.
Thêm một điều này nữa, mỗi lần kiểm tra tốc độ website, chúng ta thường thấy các yêu cầu bật nén các link js tương tự như sau:
Nén https://static.xx.fbcdn.net/rsrc.php/v2/yw/r/tLAFQ3EZgNm.js có thể giúp giảm 231,1 KiB (giảm 72%).
Nén http://connect.facebook.net/en_US/all.js có thể giúp giảm 121 KiB (giảm 69%).
Nén http://staticxx.facebook.com/connect/xd_arbiter.php?version=42 có thể giúp giảm 21,4 KiB (giảm 65%).
Nén https://staticxx.facebook.com/connect/xd_arbiter.php?version=42 có thể giúp giảm 21,4 KiB (giảm 65%).
Nén https://platform.twitter.com/…tton.57b265f4a957883c0d94631f668764c9.js có thể giúp giảm 2,3 KiB (giảm 63%).
Đây là các link Js được lấy từ Developers Facebook và Twitter, nó được tích hợp trong các biểu tượng chia sẽ mạng xã hội mà có sẵn trên website. Xin nói với các bạn rằng, những link này chúng ta không thể nén được mặc dù yêu cầu từ PageSpeed Insights buộc phải nén để tăng tốc website. Chúng ta không thể kiểm soát được các link này bởi vì nó không tồn tại trong bảng HTML của website, vậy nên không thể nén được. Cách tốt nhất để giải quyết vấn đề này là loại bỏ các nút chia sẽ mạng xã hội ra khỏi website của bạn hoặc sử dụng phương pháp tải không đồng bộ nếu có thể (có nghĩa là những nút mạng này sẽ xuất hiện sau khi xuất hiện trang web). Nhưng điều này phải đổi lấy một giao diện website tồi và thiếu sự chia sẽ, bởi vì bạn đã từ chối sự hiện diện của những "vị khách" được xem là quan trọng này.
Chúc thành công tốt đẹp.
Thêm một điều này nữa, mỗi lần kiểm tra tốc độ website, chúng ta thường thấy các yêu cầu bật nén các link js tương tự như sau:
Nén https://static.xx.fbcdn.net/rsrc.php/v2/yw/r/tLAFQ3EZgNm.js có thể giúp giảm 231,1 KiB (giảm 72%).
Nén http://connect.facebook.net/en_US/all.js có thể giúp giảm 121 KiB (giảm 69%).
Nén http://staticxx.facebook.com/connect/xd_arbiter.php?version=42 có thể giúp giảm 21,4 KiB (giảm 65%).
Nén https://staticxx.facebook.com/connect/xd_arbiter.php?version=42 có thể giúp giảm 21,4 KiB (giảm 65%).
Nén https://platform.twitter.com/…tton.57b265f4a957883c0d94631f668764c9.js có thể giúp giảm 2,3 KiB (giảm 63%).
Đây là các link Js được lấy từ Developers Facebook và Twitter, nó được tích hợp trong các biểu tượng chia sẽ mạng xã hội mà có sẵn trên website. Xin nói với các bạn rằng, những link này chúng ta không thể nén được mặc dù yêu cầu từ PageSpeed Insights buộc phải nén để tăng tốc website. Chúng ta không thể kiểm soát được các link này bởi vì nó không tồn tại trong bảng HTML của website, vậy nên không thể nén được. Cách tốt nhất để giải quyết vấn đề này là loại bỏ các nút chia sẽ mạng xã hội ra khỏi website của bạn hoặc sử dụng phương pháp tải không đồng bộ nếu có thể (có nghĩa là những nút mạng này sẽ xuất hiện sau khi xuất hiện trang web). Nhưng điều này phải đổi lấy một giao diện website tồi và thiếu sự chia sẽ, bởi vì bạn đã từ chối sự hiện diện của những "vị khách" được xem là quan trọng này.
Chúc thành công tốt đẹp.
No comments:
Post a Comment