Hendy
16th July 2015, 12:06 PM
Blogging Blog. GTmetrix adalah merupakan salah satu tool untuk mengukur tingkat kecepatan loading sebuah situs atau blog saat dibuka. Mengapa faktor kecepatan blog menjadi sangat penting, hal ini tidak terlepas dari kenyataan bahwa tidak semua pengguna internet dapat menikmati layanan internet cepat. Dan oleh karenanya, maka sebuah situs atau blog harus dapat dibuka dalam kondisi koneksi internet minimal terutama konten utama yang berupa tulisan artikel atau gambar.
Pada GTmetrix tool, hasil pengukuran tingkat kecepatan sebuah situs atau blog ditampilkan dalam bentuk skor (prosen) dan Grade (huruf). Skor rata-rata yang dianggap baik adalah 80% dan termasuk dalam Grade B. Pengecekan dengan mempergunakan GTmetrix ini meliputi beberapa faktor penting yang diteliti seperti penggunaan cache browser, optimasi image, ukuran image spesifik dan lain-lain.
Blogging Blog, hasil gtmetrix
https://sites.google.com/site/caragampang97/barukan/GTMetrix_BB.jpg
Berikut ini beberapa langkah untuk meningkatkan skor pagespeed pada GTmetrix:
Manfaatkan cache browser
Cache adalah penyimpanan sementara pada browser untuk sebuah blog yang diset bisa diset untuk expired pada waktu tertentu. Dengan memanfaatkan cache pada browser kita bisa meningkatkan kecepatan loading sebuah blog karena beberapa file tidak perlu diload ulang dari server. Ada beberapa cara untuk menggunakan cache browser seperti penggunaan header expire atau meta tag Cachh-control.
Optimalkan ukuran image
Mengoptimalkan ukuran image berarti kita memperkecil image pada suatu batas yang tidak mungkin diperkecil lagi. Sebuah image akan ditampilkan dalam ukuran tertentu pada blog, jadi pastikan ukuran saat ditampilkan itulah yang menjadi ukuran saat image disimpan.
Selain itu kita bisa menggunakan beberapa tool untuk mengoptimalkan ukuran image seperti GIMP. yang perlu diperhatikan saat mengoptimalkan ukuran image ini diharapkan kita tidak mengormaban kualitas dan tampilan image.
Tentukan dimensi image
Dimensi yang dmaksud adalah ukuran lebar (width) dan tinggi (height) pada sebuah image. Ukuran image yang tidak ditentukan menyebabkan browser melakukan proses "mengira-ngira" ukuran image yang ua terima dan ini dianggap jelek oleh GTmetrix.
Yang harus kita lakukan adalah menaruh tag width dan height pada setiap image seperti contoh berikut ini :
<img width="200px" height="150px" src=..." alt="..." title="..." />
Gunakan tag Async pada source file javascript (.JS)
Maksud dari Async disini adalah asyncronous yang berarti kode html dan file javascript pada halaman blog di load sendiri-sendiri tidak saling menunggu satu sama lain. Hal ini terkait dengan pesan bahwa loading file javascript (.JS) menghalangi proses render halaman blog.
Untuk membuat sebuah file javascript di load secara asyncronous kita bisa menambahkan tag async="async" pada source script file javascript se[erti contoh berikut ini:
<script async='async' src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'></script>
Selain dari beberapa yang saya ungkapkan diatas tentunya masih ada beberapa cara lainnya untuk memperbaiki skor pagespeed GTmetrix seperti penggunaan CDN, Minify HTML dan CSS serta beberapa cara yang lainnya yang bisa anda eksperimen sendiri. Yang penting dari GTmetrix ini adalah setiap byte begitu berharga dan amat diperhitungkan dalam menentukan skor.
Artikel aslinya :
http://bloggingblog67.blogspot.com/2015/05/blogging-blog-tentang-seputar-gtmetrix.html
Pada GTmetrix tool, hasil pengukuran tingkat kecepatan sebuah situs atau blog ditampilkan dalam bentuk skor (prosen) dan Grade (huruf). Skor rata-rata yang dianggap baik adalah 80% dan termasuk dalam Grade B. Pengecekan dengan mempergunakan GTmetrix ini meliputi beberapa faktor penting yang diteliti seperti penggunaan cache browser, optimasi image, ukuran image spesifik dan lain-lain.
Blogging Blog, hasil gtmetrix
https://sites.google.com/site/caragampang97/barukan/GTMetrix_BB.jpg
Berikut ini beberapa langkah untuk meningkatkan skor pagespeed pada GTmetrix:
Manfaatkan cache browser
Cache adalah penyimpanan sementara pada browser untuk sebuah blog yang diset bisa diset untuk expired pada waktu tertentu. Dengan memanfaatkan cache pada browser kita bisa meningkatkan kecepatan loading sebuah blog karena beberapa file tidak perlu diload ulang dari server. Ada beberapa cara untuk menggunakan cache browser seperti penggunaan header expire atau meta tag Cachh-control.
Optimalkan ukuran image
Mengoptimalkan ukuran image berarti kita memperkecil image pada suatu batas yang tidak mungkin diperkecil lagi. Sebuah image akan ditampilkan dalam ukuran tertentu pada blog, jadi pastikan ukuran saat ditampilkan itulah yang menjadi ukuran saat image disimpan.
Selain itu kita bisa menggunakan beberapa tool untuk mengoptimalkan ukuran image seperti GIMP. yang perlu diperhatikan saat mengoptimalkan ukuran image ini diharapkan kita tidak mengormaban kualitas dan tampilan image.
Tentukan dimensi image
Dimensi yang dmaksud adalah ukuran lebar (width) dan tinggi (height) pada sebuah image. Ukuran image yang tidak ditentukan menyebabkan browser melakukan proses "mengira-ngira" ukuran image yang ua terima dan ini dianggap jelek oleh GTmetrix.
Yang harus kita lakukan adalah menaruh tag width dan height pada setiap image seperti contoh berikut ini :
<img width="200px" height="150px" src=..." alt="..." title="..." />
Gunakan tag Async pada source file javascript (.JS)
Maksud dari Async disini adalah asyncronous yang berarti kode html dan file javascript pada halaman blog di load sendiri-sendiri tidak saling menunggu satu sama lain. Hal ini terkait dengan pesan bahwa loading file javascript (.JS) menghalangi proses render halaman blog.
Untuk membuat sebuah file javascript di load secara asyncronous kita bisa menambahkan tag async="async" pada source script file javascript se[erti contoh berikut ini:
<script async='async' src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'></script>
Selain dari beberapa yang saya ungkapkan diatas tentunya masih ada beberapa cara lainnya untuk memperbaiki skor pagespeed GTmetrix seperti penggunaan CDN, Minify HTML dan CSS serta beberapa cara yang lainnya yang bisa anda eksperimen sendiri. Yang penting dari GTmetrix ini adalah setiap byte begitu berharga dan amat diperhitungkan dalam menentukan skor.
Artikel aslinya :
http://bloggingblog67.blogspot.com/2015/05/blogging-blog-tentang-seputar-gtmetrix.html