Trik Menggunakan CDN Staticaly untuk Mempercepat Loading Blogger

Untuk mempercepat loading blog atau website kini bisa dilakukan dengan sangat mudah dengan bantuan CDN staticaly yang mampu memperkecil ukur...

Untuk mempercepat loading blog atau website kini bisa dilakukan dengan sangat mudah dengan bantuan CDN staticaly yang mampu memperkecil ukuran gambar seoptimal mungkin.


Cara Mudah Menggunakan CDN Staticaly Pada Gambar Blogger Dengan Javascript - Setelah sebelumnya kita mengetahui bahwa kita bisa menggunakan CDN Staticaly untuk meningkatkan akselerasi gambar. Kini saya akan membagikan cara menggunakan CDN Staticaly pada gambar dengan mudah dengan menggunakan javascript.

Kenapa kita harus mencoba CDN Staticaly untuk akselerasi gambar?

CDN Staticaly untuk gambar atau Staticaly Imgpx adalah layanan akselerasi dan modifikasi gambar untuk situs yang menggunakannya. Gambar yang dikonversi di-cache secara otomatis dan disajikan dari Staticaly CDN. Gambar dapat dipotong, diubah ukurannya, dan difilter dengan menggunakan API sederhana yang dikontrol oleh argumen kueri GET. Ketika gambar dihantarkan dengan Staticaly Imgpx, gambar dihantarkan dengan sangat cepat ke seluruh dunia.
Yang membuat "HARUS" mencoba Staticaly Imgpx adalah bahwa layanan Staticaly Imgpx kini menawarkan dukungan tanpa batas untuk format gambar WebP. Fitur ini memberikan pengurangan ukuran hingga 34% untuk gambar yang disajikan dibandingkan dengan JPEG dari tingkat kualitas visual setara. Satu hal yang perlu diingat, WebP saat ini belum didukung oleh semua browser, salah satunya browser Firefox.

Walaupun WebP belum didukung pada semua browser, tidak perlu ragu untuk menggunakan Staticaly Imgpx. Trik dalam menyajikan format WebP secara universal adalah dengan mendeteksi secara otomatis browser mana yang mendukungnya, layanan ini mampu mendeteksi dan melayani format gambar terbaik untuk setiap permintaan browser.

Project ini sudah didukung perusahaan besar tingkat dunia dan perusahaan besar lainnya di Indonesia, dan akan terus mengembangkan platform ke dalam lingkup yang lebih baik lagi dan terutama lebih cepat.

Untuk menggunakan layanan Staticaly Imgpx dengan mudah untuk sumber CDN semua gambar, kita bisa menggunakan bantuan javascript. Sehingga kita tidak perlu mengedit semua gambar, javascript ini akan mengganti protokol URL semua gambar menjadi https://cdn.staticaly.com/img/

Simpan kode javascript berikut ini di atas kode </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>

Sekarang silahkan inspect semua gambar untuk melihat URL-nya.

Namun javascript ini tidak bisa merubah URL gambar yang ditampilkan menggunakan javascript lain seperti gambar pada related post dari DTE. Cara mengatasinya harus dirubah langsung pada javascriptnya. Saya akan memjelaskannya pada postingan selanjutnya.

Javascript di atas bukan hanya untuk Blogger, tapi bisa juga digunakan pada Wordpress dan lainnya.

Selamat mencoba dan semoga bermanfaat.



sumber:  s.id/7uIf9

COMMENTS

Name

ADDMEFAST,1,AdLinkFly,1,Backlinks,10,Blog,2,CDN,1,crack,2,EDU BACKLINKS,5,free,1,Google Adsense,1,How To,1,Instagram,1,Lynda.com,1,newsmag,1,newspaper,1,PDF Submission,3,Secret Hacks,1,seo,3,tagdiv,1,themes,1,Tips,2,Trik,1,Web Hosting,1,wordpress,1,
ltr
item
Trik.My.ID - Trik dan Tips Untuk Semuanya: Trik Menggunakan CDN Staticaly untuk Mempercepat Loading Blogger
Trik Menggunakan CDN Staticaly untuk Mempercepat Loading Blogger
Trik.My.ID - Trik dan Tips Untuk Semuanya
https://www.trik.my.id/2019/10/trik-menggunakan-cdn-staticaly-untuk.html
https://www.trik.my.id/
https://www.trik.my.id/
https://www.trik.my.id/2019/10/trik-menggunakan-cdn-staticaly-untuk.html
true
3610684226484108978
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content