Nén Ảnh Tối ưu Blogspot
Là những người sở hữu blogspot của blogger sau khi đăng ký 1 tài khoản Gmail và tiến hành tạo 1 blogspot thời gian đầu hầu như ai cũng tìm hiểu cách chỉnh sửa template và tìm kiếm các tiện ích để có được 1 giao diện vừa ý và có được các chức năng cần thiết cho việc sử dụng.Tiếp đến là tìm hiểu về seo cho blog để nhiều người truy cập hơn với các tối ưu về thẻ h1 và h3 về từ khóa v.v.v
Sau khi có được giao diện nhiều mầu sắc và cả chục cái tiện ích thì phát hiện ra là blog của mình load rất chậm.Theo như kinh nghiệm của giới blog/web thì khi khách truy cập mà trang web/blog nào load hơn 4s mà chưa vào được thì đa phần khách bấm Back và đi tìm trang khác có cùng chủ đề họ đang tìm kiếm.
Và công việc của các chủ blogspot là quay sang đơn giản hóa giao diện và loại bỏ các tiện ích không cần thiêt.
Với một loạt các công cụ kiểm tra tốc độ load của blog như:
1- PageSpeed Insights
Với công cụ này chỉ số xx/100 có màu đỏ là chậm đáng báo động.Màu cam là tạm được còn màu xanh là tốt.Ưu điểm của công cụ này cho ta cả kết quả khi xem trên thiết bị di động
2- GTmetrix
Với công cụ trên có thời gian load dưới 4s coi như chấp nhận được.
3- Tools.pingdom
Với công cụ trên có thời gian load dưới 4s coi như chấp nhận được.
Khi kiểm tra đều thấy khuyến cáo:
- Nên giảm bớt các file javascript và link css chặn ngay màn hình đầu tiên
- Giảm bớt hoặc nén HTML
- Tối ưu hóa hình ảnh bằng cách nén để giảm dung lượng.
Với yêu cầu giảm javascript thì chỉ có cách là loại bỏ các tiện ích không cần thiết vì trong các tiện ích hầu như đều có file js ở dạng link được dẫn từ host hoặc post trực tiếp vào blog.
Đối với file js post trực tiếp dưới dạng
<script type='text/javascript'>
//<![CDATA[
Nội dung File JS
//]]>
</script>
Thì ta có thể nén phần nội dung file js tại//<![CDATA[
Nội dung File JS
//]]>
</script>
Online Javascript Compression Tool
Và tiến hành :
Loại bỏ all-head-content
Loại bỏ stylesheet và file javascript mặc định của blogger
Với yêu cầu giảm bớt HTML và CSS thì ta có thể nén HTML và CSS tại:
HTML Minifier
Thế còn tối ưu hóa hình ảnh thì sao.Xin trả lời là ngoài các phần mềm nén ảnh thì các công cụ trên internet có vài chục cái cho các bạn lựa chọn.
Sau đây mình xin tổng hợp một số trang nén ảnh chất lượng và dễ sử dụng và đương nhiên vẫn còn đang hoạt động tốt.
Trang: Compressnow
Trang: tinypng.com
Trang: jpeg-optimizer.com
Trang: rankingeasy.com/image-optimizer.php
Khi mà mọi chỉnh sửa đã tạm ổn thì vấn đề mới nẩy sinh đó là Web/Blog của bạn có thân thiện với thiết bị di động không?Để kiểm tra bạn vào trang:
Kiểm tra tính thân thiện với thiết bị di động
Để hoàn thiện tính năng này thực sự là sẽ tốn nhiều công sức.
Trích: http://www.dautoblog.com/2015/05/nen-anh-online-compression-image-online.html
0 nhận xét:
Post a Comment