Web page Optimization
Kita semua ingin memiliki situs web yang paling menarik yang membuat pengunjung bermata lebar dan benar-benar terpesona. Biasanya sebuah desain website yang sangat menarik melibatkan banyak elemen grafis, meningkatkan ukuran halaman secara keseluruhan yang menyebabkan halaman untuk mendownload perlahan ke browser. Artikel ini akan memberikan beberapa tips yang berguna tentang cara untuk menjaga desain website anda menarik tapi masih download cepat.
Sebagai bandwidth internet rate rata-rata per komputer adalah meningkatkan, webmaster lebih dan lebih memungkinkan dirinya untuk mengembangkan situs kompleks sarat dengan unsur-unsur grafis berat. Dalam kasus ekstrim Anda dapat menemukan website yang mengambil sebanyak beberapa menit untuk memuat konten mereka dalam browser Anda. Tentu saja pengguna tidak akan pernah menunggu lama untuk sebuah website untuk memuat, dan akan pindah ke situs berikutnya dalam hasil pencariannya.
Jadi mengapa webmaster masih mengembangkan website loading lambat membengkak? Terutama karena kurangnya pengetahuan tentang teknik optimasi grafis sederhana yang akan memungkinkan mereka untuk mempertahankan sebuah situs yang menarik sekaligus mempertahankan ukuran halaman yang lebih kecil.
Berapa banyak dari Anda menyadari fakta bahwa sebuah kotak dengan sudut dibulatkan dapat dicapai dengan menggunakan kode CSS saja, tanpa perlu untuk setiap gambar grafis. Yah itu adalah mungkin! Sebelum orang-akrab dengan CSS mengatakan bahwa hal itu tidak dapat dilakukan untuk setiap jenis browser dan tingkat yang relatif tinggi pemrograman diperlukan, saya katakan bahwa berurusan dengan kesalahan yang paling umum desainer web membuat optimasi tentang dapat memiliki solusi sederhana.
Jangan membatasi perancang web dengan menempatkan semua larangan yang berdampak pada hasil akhir. Anda mungkin membuat klaim bahwa apa yang seorang desainer web dapat dilakukan dengan perangkat lunak grafis adalah mustahil untuk menerapkan dengan kode. Saya tidak setuju. Ketika desain selesai dan Anda siap untuk mengiris ke gambar kecil untuk digunakan dalam kode html, kreativitas Anda telah diuji. Segala sesuatu yang Anda lakukan pada tahap ini akan mempengaruhi ukuran halaman total. Jika desain Anda berisi bulat bentuk-bentuk yang saling tumpang tindih atau daerah dengan gradien warna, maka Anda harus mengiris hati-hati sehingga hasilnya adalah ukuran file kecil.
Mari kita lihat apa artinya mengiris efisien:
Jangan membuat irisan besar yang berisi banyak warna yang berbeda. Gunakan sejumlah kecil iris di mana setiap slice berisi sejumlah terbatas warna.
Jangan membuat irisan besar yang berisi struktur grafis yang sama. Iris sebagian kecil dan duplikat dalam kode Anda. Ini adalah kesalahan yang sangat umum bahwa webmaster / programmer membuat ketika berhadapan dengan latar belakang gradien warna.
Jangan gunakan format file JPEG sepanjang waktu. Dalam beberapa kasus format GIF akan jauh lebih kecil dalam ukuran. Sebuah aturan praktis – sepotong dengan jumlah warna yang tinggi akan lebih kecil dalam ukuran menggunakan format JPEG bukannya format GIF, dan sebaliknya juga benar. Periksa setiap opsi secara terpisah. Setiap 1KB bahwa Anda mengurangi dari ukuran file gambar akhirnya akan menambahkan hingga penurunan yang signifikan dalam ukuran halaman.
Jika Anda memiliki teks pada latar belakang warna solid, jangan slice sama sekali. Gunakan kode untuk menciptakan latar belakang sebagai gantinya. Ingat bahwa Anda dapat menentukan kedua gaya font dan warna latar belakang daerah menggunakan CSS.
Lanjutan Teknik
Grafis mengoptimalkan sebuah situs web adalah lebih dari sekedar mengetahui bagaimana melakukan optimasi gambar. Ada beberapa teknik canggih yang membutuhkan pemrograman tingkat tinggi. CSS2 telah lebih banyak untuk ditawarkan kemudian CSS tidak. Meskipun tidak semua browser telah mengadopsi standar ini namun Anda harus siap untuk ketika mereka lakukan. JavaScript juga memberikan Anda satu set pilihan untuk menciptakan beberapa efek dingin tanpa perlu membebani halaman dengan Flash. Menggunakan alat terbatas seperti JavaScript dibandingkan dengan aplikasi canggih seperti Flash untuk menciptakan efek yang diinginkan bisa sulit. Namun berpikir tentang hasilnya. Untuk usaha mantan Anda dapat membedakan situs Anda dari orang lain. Anda akan memiliki website profesional yang tampak menarik beban dengan cepat.
Kembali ke Masa Depan
Sebagai PDA, ponsel cerdas dan laptop mini digunakan dengan koneksi internet nirkabel untuk browsing internet, penerbitan loading halaman web yang cepat akan meningkatkan pengalaman browsing tidak hanya bagi mereka yang menggunakan koneksi bandwidth yang lebar tetapi juga akan membuat pengalaman browsing ramah pengguna (atau mungkin saya mengatakan, bandwidth ramah) kepada klien nirkabel.
Bagi mereka yang bersikeras bahwa optimasi desain web tidak diperlukan karena semua orang akan memiliki koneksi bandwidth tinggi akhirnya, saya setuju sampai titik tertentu. Namun, perusahaan perangkat lunak yang membuat aplikasi yang menggunakan lebih banyak bandwidth karena mereka tahu itu tersedia bagi mereka untuk digunakan. Dapatkan digunakan untuk menulis halaman web yang baik dioptimalkan karena ini permainan kucing dan tikus tidak pernah akan berakhir, dan lebih baik untuk mempelajari aturan permainan maka untuk digigit.
No comments:
Post a Comment