Kategori: TI

Kumpulan artikel teknologi informasi dan komunikasi ini berisi catatan pengalaman pemakaian gadget dengan segala permasalahan dan cara perbaikannya.

Optimize Images

Gambar yang optimal adalah salah satu aspek penilaian menurut Google Page Speed karena image semakin optimal akan semakin cepat loading situs web. Sesuai slogannya, buat loading situs web anda lebih cepat. Image akan optimal ukurannya jika kompresinya bagus, kecil ukuran file tapi gambar tetap berkualitas. Bagian yang dioptimalkan/dikecilkan adalah ukuran gambarnya. Kecil itu indah.

Gambar yang dianalisis Google Page Speed Insights, jika image yang belum optimal akan diberi keterangan, “Optimizing the following images could reduce their size by xxxKiB (xx% reduction). Losslessly compressing URL-namafile could save xxxKiB (xx% reduction). Page Speed GTMetrix memberi keterangan dan saran, “Optimizing the following images could reduce their size by xxKiB (xx% reduction).  Losslessly compressing URL-namafile  could save xxKiB (xx% reduction). See optimized version. GTMetrix memberikan link (optimized version) hasil kompresi file gambar yang telah dioptimalkan. Lanjutkan membaca “Optimize Images”

Avoid CSS Import

Google Page Speed merekomendasi agar menghindari impor CSS karena impor CSS dapat mengakibatkan kecepatan loading situs web berkurang. Padahal slogan Google Page Speed adalah “Make your web site faster”. Dengan demikian “Avoid CSS @import” menjadi aspek penilaian dalam Google Page Speed.

Pada Child Themes Twenty Twelve perintah @import digunakan untuk menggabungkan CSS induk dengan CSS anak (child). Kode CSS pada child theme ditulis hanya bagian yang ingin diubah dari CSS induk, namun kedua fungsi dari dua CSS tetap dieksekusi browser.

Salah satu keuntungan impor CSS adalah tidak perlu menulis ulang semua kode dalam CSS, cukup tambahkan kode @import CSS yang diimpor namun kedua kode tetap diekseskusi. Kode CSS kedua yang ditambahkan lalu digabungkan dari CSS impor. Metode @import merupakan pengubahan kode CSS tetapi tanpa menyentuh kode CSS induk yang diimpor. Apabila menggunakan theme yang sering di-update CSS-nya, modifikasi di child theme CSS tidak ikut berubah, meskipun CSS yang diimpor telah berubah. Lanjutkan membaca “Avoid CSS Import”