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
Name

About US,1,activate,1,ADDMEFAST,1,AdLinkFly,1,Adsense,2,ANALISA WEB,1,android,1,Artikel,11,Backlink,5,Backlinks,18,Backup,1,Best 140+ Do-follow Web 2.0,1,Best 59+ Free Ping Submission Sites For Faster Indexing,1,Best High DA Dofollow Blog Commenting,1,BIN,1,Blog,2,Blog Design,2,Blogger,1,Bounce Rate,1,CDN,1,Copy Artikel,1,cPanel,1,crack,2,Desain,1,DIGITAL MARKETING,1,Disposable E-mail Free,1,domain,1,DropMyLink,1,Dunia Kampus,1,EDU BACKLINKS,5,Express Vpn Premium Account,1,FAQ SCHEME PAGE,1,followers tool,1,Footer,1,free,1,Free Image Submission Sites,1,Free Profile Creations Sites List 2020-2021,1,Free Video Submission Sites List 2020-2021,1,Gmail,1,Google,3,GOOGLE ADS,1,Google Adsense,1,GOOGLE ANALYTICS,1,google drive,2,Google My Business Customer Reviews,1,GOOGLE SEARCH ENGINE,1,GoogleNews,1,Header,3,High Authority Blog Submission Sites List,1,High DA/PA PPT Submission Sites List 2020-2021 for SEO,1,hosting,1,Hotstar Premium,1,How To,1,How to Activate,3,HTML,5,IDM,1,Info Blog,11,Info Google,13,Inspirasi,5,Instagram,2,Instagram Likes,1,Jejaring Sosial,12,JNews,1,JSON-LD,1,Kapita Selekta,3,Komentar,8,Kurikulum 2013,2,Label,3,Link,14,Lynda.com,1,MENINGKATKAN SEO WORDPRESS,1,Menu,2,MICRODATA SEO,1,MyThemeShop,1,Netflix Accounts,1,News,38,newsmag,1,newspaper,1,Noor theme,1,Nord Vpn Premium Account In April 2020,1,NORD VPN PREMIUM ACCOUNTS,1,On Page SEO,8,online shop,1,Opini,10,Page Speed,1,Pagerank,8,PDF Submission,3,PDF Submission Sites,1,Pembelajaran,4,Pixelyoursite,1,plugin,1,plugins,2,post views,1,Posting,10,Privacy Policy,1,Produk,1,PVANISH PREMIUM ACCOUNT,1,RSS,1,RSS Feed Submission Sites List 2020-2021,1,Schema,1,Search Engine,4,SEARCH QUALITY RATERS,1,Secret Hacks,1,SEF,8,seo,93,SEO WORDPRESS,1,Settings,1,Shopping,1,Shortcode,1,Sidebar,2,Spotify,1,Spotify Premium Accounts,1,tagdiv,1,Template,9,themes,2,Tips,2,Tips & Tricks,3,TIPS DAN TRIK,2,Tokoh,1,Tools,10,Tricks,9,Trik,1,Web 2.O Sites List 2020,1,Web Hosting,2,Webmaster Tools,5,Website,3,Widget,10,wordpress,13,WORDPRESS & WOOCOMMERCE TUTORIALS,1,WP Rocket,1,youtube,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