Caranya Mempercepat Loading Blog Blogspot

Caranya Mempercepat Loading Blog Blogspot - Lamanya loading suatu blog bisa dipengaruhi oleh 3 hal, yaitu: Koneksi si pengunjung, kemampuan server, dan ukuran serta desain halaman yg dibuka oleh browser.

Untuk hal yg pertama yaitu koneksi pengunjung blog, sudah terperinci itu di luar kemampuan kita, sedangkan untuk hal yg kedua masih tergantung apakah anda menggunakan hosting sendiri atau tidak....

Jika anda tidak punya terusan ke server alias pengguna jasa gratisan, maka pasrah saja jikalau server berulah. Tapi satu hal yg niscaya bisa kita atasi yakni poin ketiga, sebab itu sepenuhnya bisa kita atur.

Perlu dicatat bahwa saya sendiri tidak melaksanakan semua proses di bawah ini. Untuk menjawab komentar dan menulis Maknakel saja saya sudah kepayahan....jadi belum ada waktu untuk  mengutak-atik semua komponen dan menciptakan rancangan ulang setiap elemen. Makara saya bagi apa yg saya tahu, dan bukan apa yg saya lakukan saja ya? Harap maklum .... ^_^

Adapun trik terbaik untuk mempercepat loading blog yakni dengan menciptakan blog yg seringan mungkin. Semakin banyak komponen, dan semakin besar ukuran setiap komponen penyusun halaman, maka bakal semakin usang waktu muat dari blog anda.

Singkat kata blog dengan desain warna putih dan goresan pena apa adanya bakal terbuka dengan sangat mudah. yg menjadi masalah adalah; sangat sedikit orang yg ingin menciptakan blog yg apa adanya mirip itu.

Rata-rata blogger mengakibatkan blognya sebagai sarana mengekspresikan diri mereka. Makara mari kita melihat apakah ada hal-hal yg bisa dilakukan setidaknya untuk mengurangi waktu loading dari blog kita sambil tetap berekspresi ria di blog.

Sekali lagi perlu diingatkan bahwa Tipsnya di bawah ini dibentuk dengan perkiraan bahwa kecepatan koneksi pengguna, dan kemampuan server yg mengakomodir blog kita tidak bermasalah. Tipsnya di bawah ini juga dibatasi untuk pemakai blogspot saja. Untuk pengguna blog atau website yg self hosted, tentu lebih banyak opsi yg bisa ditempuh....

#1 Caranya Mempercepat Loading Blog Dengan Mengurangi HTTP Request

Caranya pertama untuk mempercepat loading dari blog yakni dengan menciptakan komponen blog seminimal mungkin. Untuk setiap komponen yg ada browser bakal melaksanakan request yg memakan waktu loading.

Seumpamanya mirip ini, anda membutuhkan 300 barang dari sebuah supermarket, sedangkan sekali jalan pembantu anda cuma bisa membawa 30 barang. Itu berMakna pembantu anda Musti bolak balik sebanyak 10 kali untuk membawa semua barang. Seandainya anda hanya memesan 100 barang saja.... niscaya pembantu bisa menuntaskan pesanan anda dalam waktu yg jauh lebih singkat.

#2 Caranya Mempercepat Loading Blog Dengan Memperkecil Ukuran Gambar

Ukuran gambar Maksud di sini bisa dalam pixel maupun dalam kb. Makara anda bisa mempekecil persentase pixels gambar dan menguploadnya atau sekedar menurunkan kualitas gambar dengan ukuran dimensi yg tetap (gambar jadi agak blur sedikit). Kedua teknik ini bakal mengurangi ukuran file gambar.

#3 Mempercepat Loading Blog Dengan Melakukan CSS Image Sprites

Teknik ini yakni menggabungkan beberapa gambar dalam satu gambar dan membagi satu gambar itu dalam banyak area. Makara dalam satu gambar bisa disuntikkan banyak link, yg mana sebelumnya dalam satu gambar cuma bisa ada satu link.

Image Sprites bisa digunakan dalam background, maupun navigasi yg menggunakan gambar berederet.Penggunaan image sprites bisa mengurangi http request yg ada pada gambar di atas, sebab yg sebelumnya Musti meloading banyak gambar kini hanya perlu mendownload satu gambar. Ukuran bobot gambar bisa saja tidak berkurang, tapi berkurangnya http request yg mempercepat waktu loading blog anda.

#4 Mempercepat waktu loading dengan menggabungkan beberapa file

Misalnya blog anda menggunakan beberapa file style sheet, jikalau anda bisa menggabungkan beberapa file tersebut dalam satu file style sheet, dengan demikian kita bisa mengurangi http request. Teknik ini juga berlaku untuk script. Anda bisa menggabungkan beberapa script dalam satu file.... sehingga browser hanya sekali saja meloading semua script.

#5 Mempercepat waktu loading dengan memastikan semua style sheet berada pada head section

Dengan melaksanakan ini anda bisa menciptakan browser melaksanakan render dengan sangat cepat untuk setiap pengaturan style setiap komponen di dalam halaman tersebut.  Pengaturan style pada body bisa menciptakan render lebih lambat, atau bahkan jikalau style sheet ditaruh di belahan bawah halaman, bisa berakibat errornya tampilan, sebab browser memblokir proses render untuk mencegah penataan ulang elemen jikalau style berubah.

#6 Mempercepat waktu loading dengan menaruh script pada belahan selesai halaman blog.

Berbeda dengan style sheet, script justru bakal lebih baik jikalau ditaruh di belahan selesai dari halaman. Mengapa? Karena browser bakal memblokir proses loading dari elemen halaman lain jikalau script ditaruh di antara elemen. Dengan menaruh script pada belahan selesai halaman, maka semua komponen sudah selesai dimuat Saat browser bakal mulai melaksanakan script loading.

yg menjadi masalah yakni tidak semua script bisa ditaruh pada belahan bawah dokumen. Script yg berfungsi untuk memanggil elemen halaman, Musti ditaruh pada posisi yg diinginkan. Untuk itulah beberapa pengembang mulai menggunakan script asinkron, sehingga halaman bisa tetap melanjutkan proses loading tanpa Musti menunggu tuntasnya script asinkron.

#7 Hindari CSS Expression

Apa Maksud dengan CSS expression? CSS ini digunakan jikalau anda ingin menciptakan CSS yg dinamis. Misalnya menciptakan tampilan warna background berubah setiap jamnya. CSS expression ini bisa menciptakan browser menganalisa halaman berulang kali. Bayangkan saja, hanya dengan mengayunkan pointer mouse menyeberangi halaman, browser anda bisa menganalisa halaman sampai ribuan kali. Makara sebaiknya hindari atau gunakan one time expression untuk mengurangi intensitas kalkulasi yg dilakukan browser anda.

#8 Anda bisa mempercepat waktu loading blog dengan menggunakan CSS dan Javascript eksternal

Tujuan utama dari menggunakan CSS dan javascript external dan bukannya inline yakni untuk memanfaatkan cache oleh browser. Dengan menggunakan eksternal css dan javascript, maka browser bakal melaksanakan cache sehingga browser tidak perlu lagi melaksanakan loading Saat pengunjung ingin membuka halaman ini berkali-kali.

Sebaliknya, jikalau anda menggunakan yg inline, maka browser Musti memuatnya setiap anda membuka lagi script tersebut. Satu lagi yg perlu diperhatikan yakni kemampuan dari server yg anda tempati melaksanakan host script tersebut....cari yg bisa diandalkan.

#9 Kompresi CSS dan Javascript bisa mengurangi waktu loading dari blog anda....

Anda bisa melaksanakan kompresi pada style sheet maupun pada script untuk mempercepat loading blog anda. Anda tidak perlu melaksanakan ini seCaranya manual, sebab Saat ini sudah sangat banyak tools yg bisa anda pakai. Jika anda ingin melaksanakan kompresi pada CSS silahkan kunjungi http://www.csscompressor.com/. Dan jikalau anda ingin melaksanakan kompresi pada javascript bisa menggunakan alat dari http://javascriptcompressor.com/ . Selain itu pastikan tidak ada javascript yg identik, jikalau ada maka hapus Keliru satunya....

#10 loading blog bisa semakin cepat jikalau komponen yg berat dihapus

Pada Saat anda memuat halaman blog anda coba perhatikan log proses yg ditampilkan di belahan bawah jendela browser. Biasanya di situ bakal diperlihatkan komponen apa yg sedang berusaha dimuat oleh halaman blog anda. Jika ada komponen yg berdasarkan anda terlalu lama, maka anda punya 2 pilihan; apakah menghapusnya atau menggantinya dengan elemen serupa dari sumber yg lain

Pastikan Saat anda melaksanakan tes ini menggunakan komputer yg bebas dari cache, sebab cache bisa menghipnotis kecepatan muatnya, sehingga anda tidak mendapatkan hasil yg sebenarnya. Tes juga blog anda dari koneksi tidak sama. Anda bisa pergi ke warnet-warnet untuk melaksanakan ini. Tujuannya yakni semoga anda bisa melihat apakah gangguan itu benar-benar sebab masalah dari server komponen, atau memang ada koneksi yg bermasalah jikalau Musti memuat komponen tersebut

#11 Optimisasi Gambar Untuk Menambah Kecepatan Loading Blog

Untuk mengelola gambar sendiri ada beberapa hal embel-embel yg Musti menjadi perhatian anda....:

1. Hindari src gambar yg kosong mirip src="" ini bakal sangat merugikan performa blog anda
2. Hindari penggunaan skala pada gambar. Misalnya anda ingin menampilkan gambar dengan ukuran 400x300 pixels, maka sebaiknya gambar itu memang dibentuk dalam ukuran demikian. Jangan mengupload gambar dengan ukuran 1200 x 800 pixels kemudian anda atur dengan fungsi width dan height menjadi 400 x 300 pixels
3. yg cukup sulit yakni memastikan gambar dan komponen statis lainnya bernilai di bawah 25kb. Saya juga selalu melanggar batas ini.... ^_^
4. Jika gambarnya sama, maka pastikan URL juga sama persis. Jangan mengupload gambar yg sama berulangkali sehingga setiap gambar punya URL tidak sama. Jika gambar sudah diupload sekali itu sudah cukup. Silahkan ambil URL gambar tersebut untuk digunakan berkali-kali

#12 Hindari tanda kueri dari komponen statis.....

Maksud dengan tanda kueri itu yakni tanda "?" pada URL komponen. Jika anda menggunakan suatu komponen yg statis, maka sebaiknya URL juga bersifat statis.

Ok, rasanya itu saja dulu, Jika nanti teringat ada hal yg perlu ditambahkan Maknakel ini bakal diupdate. Teman-teman yg mau membuatkan Tipsnya yg bisa mempercepat loading blog juga dipersilahkan memberi masukan.... Terima kasih sebelumnya.