Cara Mempercepat Loading Blog

Cara Mempercepat Loading Blog Dengan Setting Expires Headers

Bagaimana kecepatan loading blog anda, apakah sudah di optimasi secara maksimal? Ada banyak cara mudah untuk mempercepat loading suatu blog, diantaranya dengan merampingkan template, mengurangi widget, ataupun mengoptimalkan gambar sebelum kita posting. Tujuannya adalah mendapatkan performa loading blog yang lebih maksimal, agar lebih SEO dan disukai mesin pencari (search engine) seperti google.

Tidak dapat dipungkiri, saat ini para pemilik blog saling berlomba lomba membenahi blognya masing – masing, untuk mendapatkan kecepatan loading blog yang maksimal. Baik dari tampilan dekstop maupun tampilan mobile (HP).

Yah..Persaingan semakin ketat untuk menyedot perhatian pengunjung, jika blog anda loadingnya berat sudah jelas pengunjung tidak akan betah berlama – lama, kira – kira begitu.

Expires Headers

Leverage browser Expires Headers berkaitan dengan halaman sebuah web seperti gambar, css, javascript, dan sebagainya. Sehingga, saat membuka kembali halaman web yang sama, maka halaman web akan semakin cepat terbuka. Karena file yang pada awalnya harus di unduh, sekarang sudah tersimpan di dalam media penyimpanan.

Pada dasarnya Leverage browser caching mempunyai definisi Mengatur tanggal expires (kadaluwarsa) dalam header HTTP  yang bersifat statis. Memerintahkan browser untuk memuat Source Code yang sudah di unduh sebelumnya dalam media penyimpanan. Caching, fungsinya untuk mengatur lamanya penyimpanan file yang sudah didownload saat membuka.

Untuk memastikannya, anda bisa cek template blog terlebih dahulu, sebelumnya silahkan buka halaman Gmetrix. Masukkan URL blog anda dan lihat hasilnya. Anda bisa lihat di bagian Yslow halaman pertama Add Expires headers. Seperti gambar dibawah.

Cara Mempercepat Loading Blog

Untuk mengatasi hal tersebut, anda bisa menambahkan script. Letakkan kode dibawah ini tepat di atas kode </head>

Loading...
<include expiration=’7d’ path=’*.css’/>
<include expiration=’7d’ path=’*.js’/>
<include expiration=’3d’ path=’*.gif’/>
<include expiration=’3d’ path=’*.jpeg’/>
<include expiration=’3d’ path=’*.jpg’/>
<include expiration=’3d’ path=’*.png’/>
<meta http-equiv=”expires” content=”sat, 02 jun 2020 00:00:00 GMT”/>

Pratinjau dulu template anda, kalau sudah oke baru klik simpan. Kemudian test kembali template blog anda ke halaman Gmetrix, dan lihat hasilnya.

Dibawah ini adalah gambar setelah dipasang kode diatas, ada sedikit peningkatan dan page load time nya pun menjadi berkurang.

Cara Mempercepat Loading Blog

Biasanya perubahan expires header dibagian Yslow pada halaman Gmetrix  bisa dilihat hasilnya sehari kemudian, tapi jika test kecepatan blog anda sudah ada perubahan, berarti proses penambahan script sudah berhasil. Demikian cara mempercepat loading blog, tips yang sederhana ini semoga saja bermanfaat.

Jika ada penyempurnaan Script mohon kita bahas dihalaman komentar.


Loading...

Bagikan

ganisebastian

Penulis

Menulis dari berbagai pengalaman pribadi dan bisa dipertanggung jawabkan, jika bermanfaat bagi Anda silahkan share.

Komentar

    Avatar

    Untuk kodenya ganti tanda petiknya saja ya.

    Avatar

    Saya sudah meletakan link sumber dan mengatakannya bahwa sumber berasal dari sini ya sob, silahkan di cek untuk sesuatunya. Bila ada kesalahan, mohon maaf dan mohon petunjuk pencerahan.

    Avatar

    Tanda petiknya diganti baru bisa digunakan kodenya ini ya sob. Terimakasih ilmunya dan mohon izin untuk share ilmunya. Di blog saya kode yang sudah bisa digunakan, saya siapkan tinggal di copy paste saja. Biar pada ga bingung

    Avatar

    Maskode

    ( - 02:19)

    Kayak sudah tidak bisa deh menggunakan script di atas untuk blogger, tersebut.

    Avatar

    Gak bisa diterapkan di wordpress ya Gan

    Avatar

    tapi kalau dirubah dikit, baru bisa digunakan scriptnya

    tks gan, dituunggu update berikutnya

      Avatar

      Helmi Arrazi

      ( - 12:53)

      Dirubah menjadi seperti apa gan? Soalnya saya sampai sekarang masih bingung apakah script expire header bisa berjalan di blogspot atau tidak. Terima kasih.

    Avatar

    betul, scriptya gak jalan

    Avatar

    bimahartono

    ( - 00:50)

    Terimakasih mas Gani.mohon pencerahannya ketika saya coba gunakan kode diatas dengan melakukan pratinjau terjadi error kurang lebih isinya Kesalahan saat mengurai XML, baris 203, kolom 21: Open quote is expected for attribute “expiration” associated with an element type “include”.mohon solusi dan jawabannya melalui email.

    Avatar

    cipta insan

    ( - 02:10)

    Izin coba dulu suhu semoga bisa mengatasi permasalahan blog saya

    Avatar

    Kok ndak ngaru ya gan di blog ane cek SEO masih ada peringatan Leverage browser caching

    Avatar

    tyo

    ( - 14:42)

    kenapa di saya tidak bisa save template ya mas?? kalo di save ada peringatan error

    Avatar

    Queue

    ( - 09:52)

    Setelah di terapkan masih tetap sama, kayak nya khusus untuk website/blog yang memiliki hak akses ke cpanel.

    Avatar

    riko

    ( - 06:35)

    mantaplah, makasih gan

    Avatar

    Dieci

    ( - 06:08)

    Di blog saya kok gak bisa ya mas, muncul “Error parsing XML, line 9, column 21: Open quote is expected for attribute “expiration” associated with an element type “include”.”

    Avatar

    khatami

    ( - 02:55)

    plis mas solusi pas saya coba keluar :
    Error parsing XML, line 360, column 21: Open quote is expected for attribute “expiration” associated with an element type “include”

      Avatar

      Fajar A

      ( - 09:33)

      ubah tanda petiknya gan. tanda petik yang dari blog ini salah

    Avatar

    Udan

    ( - 14:32)

    Izin coba gan ,

    Avatar

    beny

    ( - 02:10)

    kok di saya error kaya gini mas
    untuk blogger
    gimana solusinya mas
    Error parsing XML, line 360, column 21: Open quote is expected for attribute “expiration” associated with an element type “include”.

    Avatar

    Mas Gani, kalo mau edit di wordpress yang di edit yang dimana ? makasi atas bantuannya.

    Avatar

    Ramdan

    ( - 01:27)

    Mas Gani, Di script tersebut ada format tanggal (sat, 02 jun 2020 00:00:00 GMT’) yang jadi pertanyaan, gimana jika blog saya sudah melewati tahun 2020 (misalkan) apakah harus diubah aja langsung atau gimana ?? 😀

      ganisebastian

      ganisebastian

      ( - 08:18)

      Ya tinggal diubah secara manual mas, setelah itu simpan kembali.

    Avatar

    mas moel

    ( - 12:25)

    Ijin coba mastah, mudah2an ada perubahan dengan loading blog ane.
    Salam sukses

    Avatar

    Fery Firdaus

    ( - 20:21)

    thanks gan akhirnya loading blog saya uah lumayan cepet 🙂
    thanks info

    Avatar

    Blogomoney

    ( - 05:31)

    Artikelnya menarik, yang banyak maslah sih sebenarnya di file sricpt java dan css, saya juga banyak mengulas optimasi speed loading blog dari sisi yang berbeda… salam blogger kang

    Avatar

    Kreasikan

    ( - 17:15)

    Itu Type nya server gan, mungkin ini alasannya kita tidak bisa merubahnya

      ganisebastian

      ganisebastian

      ( - 06:48)

      Betul, sebenarnya lebih ditujukan untuk pengguna wordpress self hosting.

    Avatar

    Niki

    ( - 00:58)

    Terima Kasih banyak Gan.!! sudah dicoba dipasangkan di blog ane dan hasilnya ada perubahan… Hatur Nuhun

    Avatar

    Belajar Sehat

    ( - 23:36)

    ini kok di ane tetep g berubah yak

    Avatar

    android blog

    ( - 07:18)

    Apakah cara ini masih bisa? soalnya beberapa blog lain mengatakan cara ini sudah tidak bisa lagi mohon pencerahanya

      ganisebastian

      ganisebastian

      ( - 10:40)

      Bisa langsung dicoba mas, lagian juga tidak akan memberi efek negatif apapun terhadap template.

    Avatar

    saya sudah coba di web saya kok ga bisa ya gan platform blogger yslow masih ttep

      ganisebastian

      ganisebastian

      ( - 06:18)

      Coba clear history browser terlebih dahulu dan lakuka pengetesan lagi, apakah ada pebedaan hasilnya.

    Avatar

    Ady Kenzie

    ( - 18:26)

    Keren.. hasil gmatrix A(91%) – B(84%). Sungkem suhu..

    Avatar

    muzakkiyun nm

    ( - 05:50)

    sama bos di page speed insight masih ada.tolong bantuannya

    Avatar

    Bimasena

    ( - 07:16)

    Di GTmetrix bekerja mas bro, meskipun 1% saya rasa juga sudah hebat, di mana mungkin saya gak akan menemukan tutorial ini di situs lain.

    Avatar

    zaputra

    ( - 20:23)

    saya terapkan di blogku malah anjlok mas yslownya , apa ada cara lain kah mas

      ganisebastian

      ganisebastian

      ( - 00:32)

      Sebenarnys ini khusus untuk wordpress mas, trial aja buat blogspot.

    Avatar

    Jamaris

    ( - 03:57)

    Kenapa ya sob, setting expires headers tidak ada yang pas di blog saya. Sering dicoba berbagai cara, tetap gagal. Mohon pencerannya sobat…

      ganisebastian

      ganisebastian

      ( - 11:07)

      Pakai blogspot atau WordPress mas? kalau tutorial ini khusus untuk blogspot saja. Jika menggunakan wordpress bisa seting di htaccess pada cPanel.

    Avatar

    ahmed

    ( - 14:34)

    wah tambah abot to kang gan ?. up ah upp

      ganisebastian

      ganisebastian

      ( - 14:39)

      Wah lha gimana tho om Ahmed:D
      Sebenarnya expires header ini khusus buat wordpress dan pengaturannya di cPanel.

        Avatar

        afif

        ( - 00:12)

        kalau pasangnya lewat templete langsung bisa gak mas….

          ganisebastian

          ganisebastian

          ( - 01:04)

          Ini khusus buat blogspot mas, jadi ya harus diterapkan pada template 😀

            Avatar

            afif

            ( - 09:53)

            walah-walah…. hehehehe.. pantesan saya bingung mas..

    Avatar

    Aree

    ( - 18:18)

    Saya masih belum memahami sepenuhnya Tuan Gani, dan semakin banyak saya belajar dari tuan, semakin saya rasa ilmu saya cukup cetek dan semakin perlu saya membaca lebih kerap lagi….sebab saya kurang faham dan masih banyak yang faham…panduan tuan Gani banyak membantu saya….tkasih tuan gani…$$$

      ganisebastian

      ganisebastian

      ( - 20:01)

      Untuk prakteknya tinggal copy kode di atas pada kolom HTML pada template Tuan Aree $ 😀

    Avatar

    kalau nilai Pspeed A dan Yslow B…apakah perlu kita tingkat lagi??

      ganisebastian

      ganisebastian

      ( - 06:35)

      Nilai speed untuk A minimal 85 atau Yslow 75 sudah bisa dikatakan bagus jika halaman ada iklan adsense-nya gan.

    Avatar

    Mabel

    ( - 18:54)

    Ich suche dringend nette Spielkameraden, die mich ganz privat über meine 09005 Nummer erreichen können.

    Avatar

    Thanks for the marvelous posting! I genuinely enjoyed reading it, you will be a great
    author.I will remember to bookmark your blog and will often come back very soon. I want to
    encourage yourself to continue your great job, have a nice afternoon!

    Avatar

    Clifton

    ( - 12:33)

    Hi would you mind letting me know which webhost you’re utilizing?
    I’ve loaded your blog in 3 different internet browsers and I must say this blog loads a lot quicker then most.
    Can you suggest a good web hosting provider at a reasonable price?
    Kudos, I appreciate it!

      ganisebastian

      ganisebastian

      ( - 13:13)

      I use cloud hosting from Indonesia, the name is Indowebsite.

    Avatar

    Joey

    ( - 20:35)

    I am really loving the theme/design of your
    website. Do you ever run into any browser compatibility issues?
    A few of my blog audience have complained about my blog not working correctly in Explorer but looks great in Firefox.

    Do you have any ideas to help fix this problem?

      ganisebastian

      ganisebastian

      ( - 21:46)

      First..You must choose a theme that suits all browsers 😀

    Avatar

    rudy

    ( - 19:52)

    gan, saya coba praktek lewat tutorial agan.. kenapa begitu aku pasang di atas langsung jadi seperti ini ya?
    Error parsing XML, line 1124, column 21: Open quote is expected for attribute “expiration” associated with an element type “include”.

    mohon pencerahan nya gan..

      ganisebastian

      ganisebastian

      ( - 22:07)

      Kalau itu berarti kesahan penempatan mas. letakkan kodenya tepat di atas kode

        Avatar

        Mr.Rui

        ( - 19:46)

        maaf mas saya juga mengalami hal yang serupa, ketika saya praktekkan tutorialnya terjadi kesalahan Error pasing XML bla bla bala…,, mohon pencerahanya kira kira bagaimana solusinya?, letakkan kode diatas kode gimana mas?

          ganisebastian

          ganisebastian

          ( - 19:48)

          kalau eror pastinya salah meletakkan kodenya mas, copy kodenya dan tempel sebelum

            Avatar

            Mr.Rui

            ( - 05:03)

            udah berhasil saya terapkan mas tapi yang menjadi pertanyaan kenapa nggak work ya, gtmatrix dan google speed insight saya tetap stagnan nggak ada perubahan. terimas kasih sebelumnya

    Avatar

    Budi

    ( - 06:10)

    Ini yang aku cari bang, coba aku terapkan di blog semoga dapat memberikan hasil yang maksimal. makasih udah sharing bang.

    Avatar

    Terima mkasih atas tutorialnya, sudah dicoba dipraktekkan, walau belum langsung kelihatan hasilnya, mungkin diperiksa kembali besok hari

      ganisebastian

      ganisebastian

      ( - 11:13)

      Terimakasih agan Vitus Polikarpus, Saya juga suka lihat video anda di Youtube, salam kenal.

    Avatar

    iya @kang ikal, sama sama,,,lebih ringan lagi kalau iklan di lepas 🙂

    Avatar

    Kang Ikal

    ( - 21:40)

    mantap gan jalan di gtmetrix…asalnya Yslow dari 71 jad 83..thanks gan

    Avatar

    untuk penerapan expires header di blogspot belum bisa semaksimal di wordpres mas,karena fitur ini belum support ke blogspot,,sementara hanya ini dulu. Tetapi setidaknya memberikan perubahan kecepatan loading

    Avatar

    Jasa Rekrut

    ( - 19:39)

    di gmetrik ada perubahan dari 83% jadi 88%
    klo di pagespeed ga ada perubahan, mungkin bisa dishare update cara terbarunya

    Avatar

    Benar sekali mas rezza,biasanya terdapat pada WP,,kalau blogger belum bisa mendapatkan hasil yang maksimal,, page load time tetap berkurang,walaupun hanya sedikit..Thanks juga sudah berkunjung

    Avatar

    Kebanyakan yang mencari dan membuat konten tentang expired header ini adalah pengguna platform wordpress saya kira untuk para blogger tidak ada. Ternyata ada disini. saya coba thanks ya udah share mas bro

    Avatar

    Biasanya masalah di PageSpeed Insight adalah javasript,tapi setidaknya pageload time nya berkurang di GTmetrix

    Avatar

    HENDY PRADANA

    ( - 23:40)

    Scriptnya gak jalan mas bro …. masih ada koment di PageSpeed Insight

      Avatar

      Vevenia

      ( - 12:26)

      iya scriptnya gk bisa jalan di semua template.. tapi terimakaish sudah berbagi

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *