faster web page load time

Kami berbagi dengan apa yang telah kita lakukan untuk meningkatkan waktu loading halaman dari Blog kita. Jika halaman web terlalu lama waktu untuk memuat, pembaca hanya akan naik ke situs lain. Sehingga muncul dengan cepat juga menghemat uang pengguna internet dial-up 'dan waktu. Meskipun benar bahwa waktu download tergantung pada kecepatan koneksi pembaca internet, kita sebagai pemilik Blog dapat men-tweak tata letak dan kode sumber untuk mempercepat download halaman.


Ada alat online yang dapat Anda gunakan untuk memeriksa waktu download dari Blog Anda. Kami menggunakan ini Speed ​​Test Situs web untuk memeriksa waktu buka 3 kami Blogs. Anda dapat memasukkan maksimum 10 alamat web. Ia akan menampilkan ukuran halaman, waktu buka, dan kecepatan rata-rata per KB. Ini adalah apa yang kita punya: -


 

Umumnya, yang terbaik adalah untuk menjaga waktu buka untuk di bawah 2 detik, tapi apa pun hingga 8 detik dapat diterima. Hasil ini memuaskan dan oleh karena itu upaya kita dalam meminimalkan waktu buka sudah melunasi. Meskipun terlihat baik pada catatan, masih ada kalanya halaman kami membutuhkan waktu lebih lama dari seharusnya untuk memuat. Seperti yang akan kita menjelaskan, beberapa faktor ini berada di luar kendali kita.
Berikut adalah beberapa tips yang dapat meningkatkan kinerja situs Anda: -
1. Suara, Video dan Gadget
Sangat menarik untuk menyertakan musik, video, program flash, slideshow, gadget dan widget khusus ke dalam Blog Anda. Namun, kita semua tahu bahwa file-file ini membutuhkan waktu untuk load. Langkah pertama adalah karena itu untuk menghapus orang-orang yang sebenarnya tidak Anda butuhkan. Misalnya, bukan untuk menanamkan semua video ke dalam sidebar, mencoba membuat link teks. Mereka yang tertarik untuk melihat bisa klik mereka untuk melihat video yang telah Anda upload ke Youtube atau host lain. Juga, jika Anda embedding file musik latar belakang, pilihlah yang memiliki ukuran file sangat kecil (misalnya, file MIDI, bukan WAV).
2. Foto dan Gambar
Jika Anda memiliki banyak gambar di halaman Blog Anda, mengoptimalkan mereka dengan mengurangi ukuran file. Di Internet Explorer atau Firefox, Anda dapat klik kanan pada gambar untuk melihat "Properties". Jika ukuran di atas 10KB byte, atau 10000, sekarang saatnya untuk mengubahnya. Salah satu hal yang dapat Anda lakukan adalah untuk mengedit gambar menggunakan software editing foto seperti Picasa dan mengubah ukuran atau crop gambar. Dalam beberapa perangkat lunak di mana Anda dapat memilih kualitas gambar, menyimpannya dalam format kualitas rendah atau sedang, daripada kualitas tinggi.
Dari percobaan kami, kami menemukan bahwa gambar GIF (gambar dengan ekstensi gif.) Memuat lebih cepat dari gambar JPG (gambar jpeg dengan ekstensi. Jpg atau.) Dan memiliki ukuran file yang lebih kecil. Gambar GIF tidak setajam tetapi sesuai untuk standar grafis dan tombol seperti yang Anda lihat di sidebar kita. Tetaplah pada gambar JPG untuk foto karena mereka lebih jelas. Percobaan dengan grafis Anda dengan mengkonversi file JPG ke file GIF.
Bagaimana melakukan itu? Jika Anda memiliki software foto, cukup membuka gambar dan menyimpannya dalam format lain. Jika tidak, jika Anda menggunakan Windows XP, cari gambar di hard disk Anda dan klik dua kali pada gambar. Anda akan melihat gambar dalam "Windows Picture dan Fax Viewer". Ada sebuah ikon yang tampak seperti sebuah floppy disk di sudut kanan bawah (ditampilkan dalam gambar di bawah). Klik itu. Di bawah "Save as type", Anda dapat memilih format yang berbeda, seperti GIF atau PNG. Ini akan mengkonversi gambar ke format lain. Sekarang bahwa Anda memiliki gambar yang sama dalam 2 format yang berbeda, bandingkan ukuran file. Menampilkan satu dengan ukuran yang lebih kecil di Blog Anda. Jika Anda melakukannya untuk semua gambar, itu sangat harus mengurangi waktu buka halaman web Anda.

 

 

Ada juga bebas alat mengoptimalkan foto online yang dapat Anda gunakan untuk mengurangi ukuran file gambar. Coba masukkan kata-kata "pengoptimasi gambar online" ke dalam kotak pencarian dan Anda akan menemukan sejumlah situs yang akan melakukan pekerjaan untuk Anda.
di google

3. Koneksi ke server eksternal

Setiap koneksi ke situs luar untuk mengambil informasi akan menambah waktu download. Jika Anda telah menyadari, sidebar kami memiliki banyak link gambar ke direktori Blog. Ketika Anda daftar Blog anda di direktori ini, itu selalu baik untuk menyediakan link timbal balik ke situs mereka. Anda dapat membuat link teks ke mereka, atau link gambar seperti yang kita lakukan. Masalahnya adalah bahwa dalam mengambil semua gambar dari lokasi tersebut, secara drastis akan meningkatkan waktu buka halaman Anda.

Mari saya beri sebuah contoh untuk menggambarkan bagaimana Anda bisa menyelesaikan masalah ini. Bila Anda mendaftar di Blog Blogvillage, Anda akan memiliki kode yang terlihat seperti ini: -

<a href="http://blogvillage.gotop100.com/in.php?ref=496" target="_blank"><img src="http://blogvillage.gotop100.com/lists/blogvillage/custombanners/23251.jpg" border="0" width="150" height="25"></a>

Setiap kali load halaman Anda, browser akan pergi ke situs mereka untuk mengambil gambar "23251.jpg". Dengan asumsi Anda terdaftar dengan direktori blog banyak, browser akan harus mengunjungi masing-masing situs untuk mengambil tombol citra mereka. Hal ini memperlambat Download Blog Anda. Kami percaya bahwa host direktori blog mungkin tidak menyukai itu juga karena akan meletakkan beban pada server mereka.

Yang dapat kita lakukan adalah mendownload gambar "23251.jpg" ke hard disk kita dengan memasukkan URL gambar penuh di browser kita dan ketika muncul gambar, klik kanan untuk menyimpan. Selanjutnya, kita upload ke server gratis. Anda dapat membaca tentang menggunakan host gratis seperti Google Page Creator and Google Groups.

Kami juga daftar lebih komprehensif Host Gambar bebas dan Layanan File Hosting di artikel kami tentang

  Manage Blogger Image Storage Space.

Memeriksa situs tersebut dan memilih satu yang cepat, dapat diandalkan dan memungkinkan hotlinking ke file upload.

Take note of the image URL and the link in the above example will be changed to this:-

<a href="http://blogvillage.gotop100.com/in.php?ref=496" target="_blank"><img src="http://i154.photobucket.com/albums/s255/ownlblog/templates/blogvillage.jpg" border="0" width="150" height="25"></a>

Lakukan itu untuk semua tombol gambar. Butuh waktu, tapi hasil akhirnya adalah bahwa pembaca Anda akan mendapatkan keuntungan dari pekerjaan Anda. Jadilah konsisten. Jika Anda memilih satu host, tetap berpegang pada yang satu itu. Browser akan perlu menghubungi satu situs untuk mengambil semua gambar dan hal ini harus mengurangi waktu buka halaman web Anda.

Karena itu, ada beberapa server eksternal yang tidak dapat kita lakukan jauh dengan. Misalnya, beberapa Topsites dan Toplists memberikan kode pelacakan untuk melacak statistik pengunjung dan peringkat situs Anda. Akan ada sesuatu seperti ini "tracker.php? Lakukan = dalam" atau "button.php u =?" Di image link mereka. Jika kita ingin Blog kita untuk digolongkan, kita tidak punya pilihan lain kecuali menggunakan kode mereka. Pada beberapa kesempatan, situs ini turun, dan halaman kami beban kali lebih panjang dari biasanya karena browser tidak bisa mengambil informasi dari situs tersebut. Kami mencoba untuk memonitor dan untuk sementara menonaktifkan kode untuk situs tersebut, tapi ini adalah sesuatu yang kita harus bersabar harus kami ingin terus yang tercantum dalam direktori mereka.

Link teks adalah tentu saja lebih baik jika Anda ingin menyingkirkan dengan gambar. Jika Anda perlu memahami perbedaan di antara kode link teks dan link gambar, Anda bisa merujuk ke artikel di Hyperlink dan Link Gambar.

4. Width and Height tags
Gambar dan tabel datang dalam berbagai ukuran. Jika kita menentukan dimensi dalam kode, browser akan dapat menyisihkan ruang yang dialokasikan untuk gambar-gambar dan tabel dan memuat seluruh isi yang mereka memiliki akses cepat ke. Jika kita tidak menentukan nilai-nilai, browser harus memuat seluruh isi gambar atau meja sebelum pindah ke lain.

Kode Gambar mengandung "src" tag. Misalnya, tombol link kita miliki di sidebar kita memiliki lebar 80 dan tinggi 15. Dalam kode kita, kita akan menentukan lebar dan tinggi seperti ini: -

<img src="Image URL" border="0" width="80" height="15">

Anda harus melakukan hal yang sama untuk tabel. Sebuah tabel kode HTML khas dengan pengaturan lebar akan terlihat seperti ini: -

<table border="1" width="300"> <tr> <td> Table contents </td> </tr> </table>

5. JavaScript and external scripts

Minimalkan penggunaan JavaScripts di Blog Anda. Ini adalah bahasa yang browser harus memuat dan menafsirkan. Sebuah script rumit mungkin membutuhkan waktu untuk mengeksekusi. Anda dapat memberitahu kode JavaScript dari baris ini ditemukan dalam kode: -

<script type="text/javascript">

Statcounters dan server seperti Iklan Iklan Google menggunakan script. Kami melihat bahwa jika situs-situs yang lambat dalam memberikan informasi, beban halaman kami terpengaruh. Ada juga widget pihak ketiga dan gadget Anda masukkan ke Blog Anda yang menggunakan script untuk mengaktifkan isinya. Memantau mereka. Jika Anda menemukan bahwa mereka menyebabkan keterlambatan dalam halaman download Anda, pertimbangkan untuk menghapus mereka atau beralih ke penyedia lainnya.

6. HTML clean up

Bagi mereka yang tahu kode-kode HTML dengan cukup baik, Anda dapat pergi ke dalam kode template Anda dan menghapus spasi putih. Ini adalah baris tambahan atau spasi antara kode. Anda bisa kompak kode, tapi tidak begitu banyak untuk membuat sulit untuk membaca dan mengedit kode di masa depan.

Ada juga tag kosong yang dapat Anda hapus. Ini sering disebabkan oleh orang yang menggunakan WYSIWYG (apa yang Anda lihat adalah apa yang Anda dapatkan) editor untuk menulis kode mereka. Setelah mengedit beberapa, Anda mungkin memiliki tag berarti membuka dan menutup seperti ini dengan apa-apa di antara: -

<div> </div> <font> </font> <b> </b> <i> </i>

Hal ini baik untuk menghapus tag ini tidak diinginkan karena mereka tidak melakukan apa-apa ketika tidak ada kata-kata di antara tag. Namun, lakukan itu hanya jika Anda sudah familiar dengan kode HTML.

7. Simplicity in design

Banyak situs loading cepat sederhana dalam desain, tanpa embel-embel apapun. Pertimbangkan beradaptasi ini ke Blog Anda. Di antara semua template, kita menemukan template Minima salah satu yang paling sederhana. Yang lain yang berisi gambar latar belakang lebih lambat karena browser harus mengakses server terpisah untuk mengekstrak gambar.

8. Links check
Link buruk adalah link yang ketika diklik, mengarahkan Anda ke situs yang tidak valid atau tidak ada. Beberapa orang memiliki blogroll melalui pertukaran link. Sebuah situs dapat bekerja dengan baik di awal ketika Anda bertukar link. Beberapa bulan kemudian, situs yang dapat dihapus dan link berubah menjadi link buruk. Ini adalah bijaksana untuk memeriksa link ini sekali-sekali untuk memastikan bahwa mereka tetap berlaku.

9. Contents spread

Setelah Anda melakukan semua yang Anda bisa, dan Anda masih menemukan waktu buka halaman agak panjang, coba hanya menampilkan 1 post di halaman utama Anda. Masuk dan pergi ke Pengaturan-> Format. Pada pilihan pertama, mengubahnya menjadi "Tampilkan 1 post" pada halaman utama. Secara default, ini akan menampilkan 7 posting di halaman utama. Jika artikel Anda panjang, akan memakan waktu cukup lama untuk memuat semuanya. Pertimbangkan mengurangi ke 1 atau 2 artikel untuk mengurangi waktu buka. Jika tidak, secara sadar menulis artikel pendek, atau membaginya menjadi beberapa bagian.