Sử dụng Staticaly tăng tốc độ tải ảnh từ blogger và cách áp dụng vào blogspot

Sử dụng Staticaly tăng tốc độ tải ảnh từ blogger và cách áp dụng vào blogspot
Đối với blogspot nơi lưu trữ ảnh thường là host blogger.Và tất nhiên là người dùng Blogger, chúng ta sẽ sử dụng lưu trữ từ Blogger cho mọi hình ảnh mà chúng ta tải lên.
Trong khi Staticaly có thể được sử dụng thay thế cho Rawgit để thay thế CDN miễn phí cho các tệp tĩnh. Và một điều thú vị là Staticaly cũng có thể được sử dụng để lưu trữ hình ảnh CDN.

Sử dụng CDN Staticaly cho ảnh trên blogger


Các hình ảnh của blogger sử dụng CDN Staticaly có tốc độ tải về nhanh hơn hình ảnh được lưu trữ đơn thuần trên blogger.

Để sử dụng CDN Staticaly trên hình ảnh blogger khá dễ dàng. Thông thường, mã hình ảnh blogger như sau.
<img border="0" data-original-height="355" data-original-width="500" src="https://4.bp.blogspot.com/-Kd2Y58PBGQo/W7bZnUGXIRI/AAAAAAAACiw/24NknJvWqGIjEg-VvkvEcXBrxJRjDDBZgCLcBGAs/s1600/Su-dung-Staticaly-tang-toc-load-anh.jpg" />

Chúng ta chỉ cần thay thế mã URL https://được đánh dấu ở trên bằng https://cdn.staticaly.com/img/ làm cho nó trông như thế này.
<img border="0" data-original-height="355" data-original-width="500" src="https://cdn.staticaly.com/img/4.bp.blogspot.com/-Kd2Y58PBGQo/W7bZnUGXIRI/AAAAAAAACiw/24NknJvWqGIjEg-VvkvEcXBrxJRjDDBZgCLcBGAs/s1600/Su-dung-Staticaly-tang-toc-load-anh.jpg" />

Với cách làm thủ công là như vậy hoặc bạn vào trang Staticaly dán URL ảnh và nhận URL đã được chuyển đổi.

Sử dụng CDN Staticaly cho ảnh trên blogger với javascript


CDN Staticaly cho hình ảnh hoặc Staticaly Imgpx là dịch vụ tăng tốc và sửa đổi hình ảnh cho các trang web sử dụng nó. Hình ảnh được chuyển đổi được lưu trữ tự động và được trình bày từ Staticaly CDN. Hình ảnh có thể được cắt, thay đổi kích cỡ và lọc bằng cách sử dụng một API đơn giản được điều khiển bởi đối số truy vấn GET. Khi hình ảnh được phân phối bằng Imgpx tĩnh, hình ảnh được phân phối rất nhanh đến toàn thế giới.

Đối với các blogspot đã up ảnh lên blogger sử dụng cho các mục đích viết blog, để sử dụng được dịch vụ Staticaly giúp tải ảnh về nhanh hơn thì ta có thể sử dụng đoạn nhỏ javascript.Vì vậy, chúng ta không cần phải chỉnh sửa tất cả link hình ảnh, javascript này sẽ thay thế giao thức https:// thành https://cdn.staticaly.com/img/ cho tất cả hình ảnh.

Bằng cách: Lưu mã javascript sau trước mã </body>

<script>
//<![CDATA[
var images = document.getElementsByTagName('img');
  for (var i = 0; i < images.length; i++) {
    images[i].src = images[i].src.replace(/.*?:\/\//g , "https://cdn.staticaly.com/img/");
  };
//]]>
</script>

Sau khi cài bạn có thể kiểm tra link ảnh trên blogspot bằng cách chuột phải vào ảnh và chọn mở hình ảnh tại tab mới

Sử dụng Staticaly tăng tốc độ tải ảnh từ blogger và cách áp dụng vào blogspot
Tdb Blogspot - Thủ thuật blogspot
Facebook Comments
Blogger Comments