Postingan

Menampilkan postingan dari Juni, 2018

Mailto Link + SVG Icon

Gambar
Apa itu mailto link? Mailto link atau disebut juga link send email adalah elemen interaktif yang berfungi untuk menavigasi atau mengarahkan tindakan klik pengguna menuju/membuka app mail client. Secara gamblang, link mailto berfungsi sebagai pemanggil aplikasi/program email client di sistem operasi. Biasanya Link mailto digunakan untuk membuat widget atau tombol send email di website/blog, dengan menggunakan link mailto pengunjung blog tidak perlu meninggalkan halaman dan mengetikkan email anda secara manual untuk mengimkan feedback kepada anda (pemilik blog). Ketika elemen interaktif yaitu link mailto diklik, jendela akan membuka software/aplikasi e-mail client yang ada di sistem operasi pengguna misalnya windows mail, microsoft ouloock untuk versi dekstop atau gmail, yahoo dan app email clients lainnya untuk versi mobile. [ads id="ads1"] Format HTML Link Mailto Berikut ini adalah hyperlink mailto dalam format kode html. <a href="mailto:yourmail@gmail.com&quo

Lazy Load gtag.js (Google Analytics)

Gambar
Lazy load gtag.js atau LazyAnalytics adalah script penunda perenderan pustaka gtag.js dengan metode window.addEventListener, browser akan menjalankan pustaka gtag.js setelah ada aktifitas scroll halaman dari pengguna. Cara kerjanya (Lazy load gtag.js) sama dengan lazyload adsense yang saya publikasikan pada artikel sebelumnya, jika kamu belum membacanya silahkan lihat disini . Dengan menerapkan window.addEventListener pada gtag.js, diharapkan browser akan fokus terlebih dahulu pada perenderan halaman (konten) anda sehingga waktu muat halaman akan terasa lebih cepat. Selain itu pengalaman halaman yang baik untuk pengguna (user experience) juga akan tercapai dengan mudah jika menggunakan script Lazy load gtag.js (Lazy load Google Analytics). [ads id="ads1"] Script LazyAnalytics <script type="text/javascript">//<![CDATA[ var LazyAnalytics=false;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&false=

Petunjuk Penggunaan Google PageSpeed Insights Untuk Meningkatkan Performa Website

Gambar
Apa itu Google PageSpeed Insights? PageSpeed Insights Google adalah webtool audit website yang menggunakan teknologi lighthouse untuk mengukur performa (kecepatan) situs web, Menggabungkan data dari laporan pengalaman pengguna browser chrome (CrUX) untuk menampilkan data performa nyata tentang halaman web dan melaporkan 2 metrik yang disebut dengan First Contentful Paint (FCP) dan DOMContentLoaded (DCL). First Contentful Paint (FCP) First Contentful Paint adalah metrik yang melaporkan waktu saat browser pertama kali merender teks, gambar (termasuk gambar latar belakang), kanvas non-putih, atau SVG. Ini termasuk teks dengan font web yang menunggu keputusan. Ini adalah pertama kalinya pengguna dapat mulai mengonsumsi konten halaman. DOMContentLoaded (DCL). DOMContentLoaded adalah metrik yang melaporkan waktu ketika dokumen HTML awal telah sepenuhnya dimuat dan diurai, tanpa menunggu stylesheet, gambar, dan subframe selesai memuat. [ads id="ads1"] Dari sekian banyak web