Page Speed Insight

Mohon bantuan teman-teman yang paham soal page speed insight di webmaster, khususnya yang paham bahasa CSS dan Java Script

Code:

Remove render-blocking JavaScript:
http://vituspolikarpus.com/…-includes/js/jquery/jquery.js?ver=1.11.2
http://vituspolikarpus.com/…s/jquery/jquery-migrate.min.js?ver=1.2.1
http://vituspolikarpus.com/…lugins/seo-alrp/js/slidebox.js?ver=4.2.2
http://vituspolikarpus.com/…t/themes/mantra/js/frontend.js?ver=4.2.2
Optimize CSS Delivery of the following:
http://vituspolikarpus.com/…includes/css/dashicons.min.css?ver=4.2.2
http://vituspolikarpus.com/…ludes/js/thickbox/thickbox.css?ver=4.2.2
http://vituspolikarpus.com/…form-7/includes/css/styles.css?ver=4.1.2
http://vituspolikarpus.com/…ns/seo-alrp/css/title-only.css?ver=4.2.2
http://vituspolikarpus.com/…eo-alrp/css/slidebox-light.css?ver=4.2.2
http://vituspolikarpus.com/…ontent/themes/mantra/style.css?ver=4.2.2
http://vituspolikarpus.com/…geometatags/mygp_geotags_geometatags.css
http://vituspolikarpus.com/…themes/mantra/style-mobile.css?ver=4.2.2

Ketika saya melakukan test page speed insight yang disediakan oleh google webmaster ada saran perbaikan untuk Mobile sebagai berikut :
Karena saya kurang mengerti soal bahasa program, saya tidak mengerti bagaimana cara memperbaikinya, sangat terima kasih jika ada yang bisa memberikan solusi perbaikan dengan bahasa sederhana bagi yang kurang mengerti soal bahasa program seperti saya. Terima kasih

 

Tidak masalah sih menurut saya. Kalau mau perbaiki, mungkin saya sarankan jangan terlalu banyak menggunakan JS dan CSS, atau setau saya CSS bisa dikompres.

Lebih enak lagi kalau membuat sendiri templatenya, agar bisa meminimalisir penggunaan JS dan CSSnya.

 

pak, kalau punya saya css nya dipindah dari head ke sidebar, nilai speednya naik tapi ko jadi tidak valid html ya.

Code:

<link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" type="text/css" />

Solusinya gimana pak?
Gak paham bahasa pemograman nih :malus:

 

Apakah itu js toko online bang @Vitus

Oiya tambahan:
Kalau nilainya masih 80 keatas nggak masalah kok bang

 

CSS dengan jenis CSS seperti itu (external file) yang benar penempatan di dalam head, di luar itu biasanya tidak bekerja (mungkin karena ini speednya bisa bertambah, tapi efeknya tampilannya seperti tanpa CSS bersangkutan). Kecuali pakai jenis CSS yang di dalam HTML, kalau di dalam HTML penempatannya tidak sesimpel yang di taruh di head, karena harus di tulis satu-satu pada tiap kode HTMLnya.

 

Bener kata mas @Ardilas, namanya nggak sinkron. Saya sendiri juga pernah, sampai googling sana-sini, hasilnya nihil. Lebih baik dibalikin ke asal atau dihapus saja hehe mas @debays

 

Ada 2 kepentingan yang tidak sinkron antara template/theme dengan analisa google speed test. Penggunaan script dan CSS dibutuhkan untuk menjadikan tampilan website sesuai dengan keinginan pembuat theme, namun jika dipaksakan mengikuti aturan (saran) google hasilnya tidak sesuai dengan harapan theme. Jika pun tetap menginginkan skor tinggi, maka ada yang harus dikorbankan.
Cara mudah untuk mengetahui kecepatan website yaitu menggunakan fitur mode jelajah pribadi browser yang tidak mempedulikan cache browser, dengan demikian kecepatan loading website bisa kita kira-kira sendiri.

 

Terima kasih atas semua tanggapan di atas, walau belum ada yang saya pahami untuk menyelesaikan masalah di atas, karena saya tidak mengerti bagaimana melakukan apa yang dibicarakan.
Sehubungan dengan pertanyaan dalam thread dia atas, permasalahan yang harus diselesaikan di mobile adalah:
The following text fragments have a small font size. Increase the font size to make them more legible.

• ����r�F� �l…���BVX(ƅ��� renders only 5 pixels tall (16 CSS pixels) see screenshot.
• �X_�uO�ݛ_w/O'…�^�%[��!n"�gz renders only 5 pixels tall (16 CSS pixels) see screenshot.
• ���v>� Dg`�…LX7�Y�0y0*AhO' and 24 others render only 5 pixels tall (16 CSS pixels) see screenshot.

Mohon bantuan penjelasan/tutorial, bagaimana menyelesaikan masalah ini.
Catatan: Saya tidak paham soal CSS.
Oh ya, blog saya dengan script wordpress pakai theme Mantra
Terima kasih

 

Bang @Vitus pernah ngecek pakai validator w3c. Karena baru saya lihat, banyak yang eror.
Oiya, kalo untuk gambar bagian <a href='.....' title='...' alt='...'>< img='...' src='...' alt ...dst/>

Itu bagian <a href..... alt='...' dihapus. Yang dikasih alt='...' bagian <img saja

Saya juga nggak tau kegunaan <hgroup> itu untuk apa. Soalnya di w3c terlalu banyak problem disitu

Lalu yang lainnya juga banyakkkkkkk yang harus diperbarui kaya pewarnaan font. Kalo blogspot biasanya nambah <h3 style='font-color:red'>...<h3> bukan seperti yang tertera kayak di html bang vitus

Kemudian karena itu html 5 jadinya bagian atas sendiri <html> diganti <HTML> dan bawah sendiri </html> diganti <HTML>
Sebenarnya hurufnya kecil nggak papa <html>, tapi di w3c mengharuskan abang pake font huruf besar

kalau buat <style> coba jadikan <style type='text/css'> kalau perlu seperti ini <style type='text/css' scoped='scoped'>

Buat lainnya coba searching aja bang hehe

 

saya tidak mengerti yang beginian..hihi.