Nanang Gunawan Blog

Lebih dari 50% dari lalu lintas online berasal dari perangkat mobile, semua orang mengharapkan sebuah situs yang memuat halaman web dengan cepat. Maka dari itu dalam artikel ini, saya akan menunjukkan bagaimana caranya menaikkan atau meningkatkan skor kecepatan website anda pada  Google PageSpeed Insights baik untuk desktop dan mobile sebagai upaya untuk Optimasi Kecepatan Website . Saya menggunakan study kasus pada webite institusi pendidikan tempat saya bekerja yaitu Politeknik Caltex Riau . Melakukan Optimasi Kecepatan website merupakan prioritas utama untuk user experience (UX) secara keseluruhan, dan juga salah satu dari ratusan paramater penilaian SEO. Berdasarkan data dari Google orang tidak ingin untuk menunggu lebih dari lima detik untuk  memuat halaman web. Jika situs Web Anda tidak cukup cepat untuk load halaman, maka anda akan kehilangan potensial pengunjung. Latar Belakang Optimasi Kecepatan Website Awalnya adalah karena ada tugas untuk membuat ulang websit

Salah satu parameter pengukuran kecepatan website oleh Google PageSpeed Insights adalah minify atau minification. Oleh karena itu, melakukan minify terhadap HTML, CSS dan JavaScript sangat direkomendasikan. Apa itu minify atau minification  Minify atau Minification adalah proses menghilangkan data yang tidak perlu atau berlebihan tanpa mempengaruhi bagaimana sumber daya tersebut diproses oleh browser. Misalnya komentar pada code program dan format (baris baru dan tab) dan menghapus code program yang tidak digunakan. Proses minification akan membuat code program anda menjadi satu baris. Proses minify dapat mengurangi 10% - 95% ukuran code! Ini akan membuat website berjalan lebih cepat sehingga akan mendapatkan skor Search Engine Optimization (SEO) yang bagus. Ini juga merupakan salah satu cara untuk menghemat sumber daya pada web server. Minify dapat dilakukan dengan cara menggunakan tools offline atau online. Kali ini kita akan membahas minify HTML,CSS dan Javascri

Kebanyakan orang tidak suka menunggu lama untuk membuka sebuah website/situs sehingga mereka akan beralih ke situs lain jika menemukan sebuah website/situs yang lambat. Menurut Google hampir setengah dari semua pengunjung akan meninggalkan situs mobile jika halaman tidak dimuat dalam waktu 3 detik.  Salah satu cara meningkatkan kecepatan website adalah dengan mengaktifkan Gzip Compression , untuk bagaimana cara mengaktifkan Gzip Compression pada website telah saya bahas pada artikel sebelumnya. Setelah melakukan konfigurasi Gzip Compression kita perlu melakukan pengecekan apakah Gzip Compression sudah aktif atau belum, berikut adalah beberapa tools yang bisa digunakan untuk mengecek apakah Gzip Compression sudah aktif atau belum: Tools Online untuk cek Gzip Compression aktif atau tidak Check Gzip Compression Varvy Gidnetwork Gziptest Whats My IP Small SEO Tools

Pada tutorial ini akan kita bahas bagaimana cara untuk mengaktifkan atau menggunakan fitur Gzip Compression pada web server anda sehingga dapat meningkatkan kecepatan website anda. Terdapat dua cara untuk mengaktifkan Gzip Compression yaitu dengan melakukan konfigurasi pada cpanel atau merubah file .htaccess. Apa itu Gzip Compression Gzip adalah metode mengompresi file (memperkecil ukuran file) sehingga transfer data melalui jaringan menjadi lebih cepat dan memuat situs anda hanya dalam beberapa detik. Gzip Compression merupakan metode yang paling populer untuk membuat website anda lebih cepat dengan mengurangi lebih dari 70-90% (klaim dari situs Google Developers) ukuran halaman web/blog anda. Gzip dapat melakukan kompresi jenis file CSS, JavaScript dan HTML. Saat ini sebagian besar website telah menggunakan Gzip Compression. Gzip Compression adalah salah satu parameter penilaian pada Google PageSpeed Insights dan Yahoo YSlow .  Ada beberapa manfaat/keuntungan yang didapat d

Salah satu teknik yang sering dilakukan untuk optimasi kecepatan website adalah  dengan menambahkan Expires Headers atau dikenal juga dengan Browser Caching. Expires Headers juga merupakan salah satu parameter untuk pengukuran kecepatan website oleh Google PageSpeed Insights . Untuk itu kali ini kita akan membahas bagaimana caranya untuk konfigurasi atau menambahkan Expires Headers (Browser Caching)  pada website anda. Apa itu Expires Headers Expires Headers memberitahu browser apakah harus meminta file dari server atau harus mengambil dari cache browser. Tujuan di balik Expires Headers tidak hanya untuk mengurangi beban download dari server (terus-menerus men-download file yang sama ketika  tidak ada modifikasi sehingga akan membuang-buang waktu) melainkan untuk mengurangi jumlah permintaan HTTP untuk server. Ketika anda mengunjungi sebuah situs, web browser anda akan berkomunikasi dengan web server untuk men-download semua file yang dibutuhkan. Kemudian mengkompilas

Untuk melakukan optimasi pada sebuah gambar kita perlu melakukan kompresi, kompresi gambar dapat dilakukan menggunakan tools online yang telah tersedia. Tujuan utama dari kompresi gambar adalah untuk mengoptimalkan atau mengurangi ukuran (size) gambar sehingga bisa mempercepat load gambar ketika diupload atau didownload. Walaupun ukuran gambar telah mengecil tetapi kualitas gambar tidak akan berubah signifikan atau bahkan tidak berkurang sama sekali.  Saya pribadi menggunakan tools ini biasanya adalah untuk optimasi kecepatan website sehingga bisa menaikkan skor  Google PageSpeed Insights . Sekarang ini sudah banyak website yang menggunakan responsive design sehingga butuh optimasi untuk tampil diberbagai ukuran layar device supaya pengunjung website tetap nyaman, salah satunya adalah optimasi gambar dengan cara kompres gambar. Kompres gambar bisa dilakukan secara offline dan online, kali ini kita akan membahas tools - tools online terbaik untuk kompres gambar versi saya. 6