[blog]
Các bạn dùng blogspot thì đa số ai cũng biết đến đoạn code này trong template, lợi và hại ra sau thì cùng mình đi phân tích nó nhé.
<script type='text/javascript'> //<![CDATA[ var images = document.getElementsByTagName("img"); for (var i = 0; i < images.length; i++) { images[i].src = images[i].src.replace(/[0-9]+.bp.blogspot.com/, "lh4.googleusercontent.com"); } //]]> </script>
Mục đích của đoạn code trên là gì, là thay thế toàn bộ link có dạng
1.bp.blogspot.com 2.bp.blogspot.com 3.bp.blogspot.com 4.bp.blogspot.com 5.bp.blogspot.com 6.bp.blogspot.com 7.bp.blogspot.com 8.bp.blogspot.com 9.bp.blogspot.com
thành
lh4.googleusercontent.com
Để khi truy cập từ mạng VNPT hình ảnh sẽ hiển thị bình thường. Nhưng giờ đa số không thấy bị chặn hình ảnh nữa.
Bây giờ mình sẽ mổ bụng đoạn code trên xem bên trong nó có gì, và lợi hại ra sao cho blogspot.
Kết quả như sau:
Khi dùng đoạn code trên thì 1 hình ảnh trên blogspot của bạn bị load 2 lần với 2 link khác nhau, 1 link gốc là 1.bp.blogspot.com và 1 link thay thế là lh4.googleusercontent.com
Ví dụ: 1 file hinh.png mà load tới 2 lần
1.bp.blogspot.com/hinh.png
lh4.googleusercontent.com/hinh.png
Chỉ vậy thôi là blogspot của bạn đã bị chậm lại vì 1 hình ảnh mà Requests, Load tới 2 lần cho 2 link.
Sau đây là hình ảnh test speed cho 1 trang để so sánh cho 1 blog dùng code và không dùng code.
1. Không dùng đoạn code trên: Kiểm tra tốc độ Speed
- PageSpeed Score: 99%
- Total Page Size: 232KB
- Requests: 23
Sau đó mình test tiếp trên PageSpeed Insights điểm 100
Đó là hình ảnh so sánh về kiểm tra speed khi dùng code và không dùng code bên trên.
Các bạn có thể kiểm tra, test tại trang: https://gtmetrix.com
Nhận xét
Đăng nhận xét