Author by Yosef Doublehorn
Author by : Doublehorn
DAFTAR ISI
Protected by Copyscape Online Infringement Detector

09 Juli 2013

Improve website Load Time : Use JPEGs Progressive


Loading website support SEO : Cegah tamu pergi

Video menjadi satu kendala besar dalam mengurangi permintaan transfer data halaman web. Gambar juga menjadikan lebih lama web page melakukan loading. Inilah salah satu alasan visitor berpaling dari situs tersebut. User internet sering memindai informasi yang mereka butuhkan, menekan tombol Back saat halaman tampaknya tidak akan memberikan content yang dicari.

Untuk meningkatkan trafik website dan menjaga agar tamu kembali, maka penting untuk mengurangi loading-time sebanyak mungkin dengan menggunakan JPEG Progressive. Keuntungan penggunaan tool ini adalah content gambar bisa lebih kecil 10-20% tanpa mengurangi kualitas gambar.

progressive-vs-baseline-jpeg

Mengapa peduli Penghematan byte image website?

Untuk mengetahui waktu yang dibutuhkan loading laman web, gunakan test loading-time layanan gratis http://www.webpagetest.org/.

Berikut ini hasil test blog website-download.blogspot.com (SEBELUM PERBAIKAN menggunakan Progressive JPEGs)

WebPagetest Optimization Check Results

Untuk kriteria penggunaan Progessive JPEGs, blog tersebut mendapat score F (kotak merah sebelah kiri), artinya blog saya sama sekali tidak atau belum menggunakan tool semacam Progressive JPEGs.

Saran yang diberikan http://www.webpagetest.org/ adalah :
  • Use Progressive JPEGs: 0/100
  • 0.0 KB of a possible 117.5 KB (0%) were from progressive JPEG images

Mengapa harus konversi image di website ke Progressive JPEGs?

Progressive JPEGs punya keuntungan dari segi ukuran. Gambar biasanya punya ukuran file jauh lebih kecil dari Baseline JPEG, dan bahkan ketika mereka memiliki ukuran file yang lebih besar, mereka muncul lebih cepat di layar.

Cara kerja JPEG progresif adalah bahwa mereka menyimpan beberapa scan dari suatu gambar, semua peningkatan kualitas dari gambar tersebut. Ketika browser menampilkan gambar itu secara progresif, hasilnya adalah waktu-loading lebih cepat. User dapat melihatnya di layar computer.

Penghematan byte image pada website dengan Smushit?

HASIL TEST SESUDAH PERBAIKAN KRITERIA Progressive JPEGs

WebPagetest Optimization sesudah perbaikan

Saya menggunakan Smushit – hosted by Yahoo untuk mengkonversi gambar dari Baseline image (default) ke Progressive JPEGs. Untuk mengetahui file gambar mana yang perlu dikonversi klik saja kotak berwarna merah “score F” sebelah kiri untuk kriteria Progressive JPEGs seperti pada gambar SEBELUM PERBAIKAN.

Ada beberapa paket software utama untuk gambar - seperti Photoshop, ImageMagick dan Fireworks - memiliki opsi menyimpan JPEG progresif. jpegtran adalah tools khusus Linux untuk mengkonversi file Baseline JPEG ke JPEG progresif dan sebaliknya.

Progressive JPEGs juga punya keuntungan dari aspek size image. Gambar biasanya memiliki ukuran file jauh lebih kecil dari Baseline JPEG, dan bahkan ketika mereka memiliki ukuran file yang lebih besar, mereka muncul lebih cepat di layar.

KONVERSIKAN FILE-FILE WEBSITE KE JPEG PROGRESSIVE
Kebanyakan file JPEG di Internet dalam format baseline - lebih dari 92%, menurut penelitian Ann Robson dari institusi WebShots. Untuk mengkonversi file yang ada ke JPEG progresif, Anda dapat menggunakan image-optimization tools. Satu satu alat optimasi gambar adalah Smushit, dan itu di-hosted oleh Yahoo.

Smush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a "lossless" tool, which means it optimizes the images without changing their look or visual quality. After Smush.it runs on a web page it reports how many bytes would be saved by optimizing the page's images and provides a downloadable zip file with the minimized image files.

Do not link to the smushed images on Smushit.com since they will only be available there temporarily. Instead, download the zip file containing the smushed images for your web page and replace your image files with those files.

Yahoo Smush-it blog web design

Tidak semua browser mendukung kecepatan loading progresif JPEG. Tapi browser Google Chrome, FireFox, dan Internet Explorer 9 mendukung cepatnya rendering progresif JPEG, memberikan Anda waktu loading yang lebih baik.



That's all we know - Happy blog blogger

[source]




Comments

0 komentar:

Posting Komentar di Website Design

-

Penelusuran topik khusus di blog ini
Loading