Wednesday 7 June 2017

Tips Tutorial Mempercepat Loading Blog Dengan Mudah 100%

Selamat datang kembali di Demo IdBoegis, Blog yang membahas seputar Tips Adsense, Tips Komputer, Tutorial Blog, SSH Gratis, Tips Youtube, Tips Smartphone dan informasi internet lainnya.

Pada Artikel kali ini kita akan membahas Tips Tutorial Mempercepat Loading Blog Dengan Mudah 100% , Postingan ini masih berhubungan dengan Artikel Blog. Artikel Tutorial Blog.

Tips Tutorial Mempercepat Loading Blog Dengan Mudah 100%

Advertisement
Sebelumnya kami bakal bahas bagaimana tutorial mempercepat loading blog ? Apa hubungannya Css dengan Load time (Waktu Muat) halaman blog? yang paling sederhana, ukuran file CSS menentukan berapa tak sedikit tahap yang wajib dibaca oleh search engine (mesin pencari). Terus besar ukuran file maka pasti bakal tak sedikit perintah yang diminta, dengan demikian 'waktu baca' yang di perlukan oleh browser terus panjang. Anda dapat memakai Situs Page Insight serta GT metrix untuk mengukur kecepatan speed loading blog anda.

Percepat Loading Blog

Sebelumnya kamu wajib mengenal kecepatan blog kamu juga terpengaruh di template, oleh sebab itu kamu di sarankan untuk memilih template yang simple clean dan Fast loading supaya kecepata loading blog kamu terus cepat.

Salah satu yang wajib diperbuat dengan tutorial mengkompre foto PNG dengan PngGauntlet. Hasilnya cukup untuk mengurangi besar foto tanpa mengurangi nilai. kamu juga bisa meperbuat berbagai lain semacam : 

Meperbuat peramping CSS, mudah-mudahan loadingtime telah bertidak lebih mesikipun dikit belum maksimal.

Kembali ke tahap CSS. File CSS adalah isi seluruh perintah/pilihan yang mengatur semua style blog kamu mulai dari foto, tombol menu, ukuran image dan ukuran layout yang lain.

Ini Langkah-langkah Tutorial untuk Mengurangi Ukuran File CSS :


1. Masuk di Edit Template dan Perbuat Editing CSS dengan cara manual.


Berikut adalah contoh pengaturan, Umpama aturan pada header-wrapper.

#header-wrapper {
bacground:url(http://www.freeimagehosting.net/uploads/e439563253.jpg) no-repeat #00;
height: 150px;
margin-top: padding: 0px 0px 0px 0px;
text-align: center;
border: 1 px solid #000;
}

Kode/script adalah contoh penataan CSS dengan cara standaar, Dimaksud supaya browser bisa membaca aturan dengan baik menurut struktur CSS. Tetapi pada saat ini, semua browser telah mempunyai kecepatan dan performa baca yang tinggi.

Kita bisa meperbuat perampingan pada ruang-ruang tersebut. Contoh Script:

#header-wrapper{background:url(http://freeimagehosting.net/uploads/e439563253.jpg) no-repeat #000;
height: 150 px; margin-top: padding: 0px 0px 0px 0px; text-align; border:1px solid #000;}

Pada contoh styling berikut :

{Margin-top: 15px;
Margin-right: 10px;
Margin-bottom: 15px;
Margin-left: 15px;} 

Style margin di atas bisa kami rampingkan dengan CSS short-hand dan mengurangi spacenya:

{Margin: 15px 10px;}

Sebab nilai margin di atas dan bawah sama dan nilai kanan dan kiri sama, kami bisa merampingkan dengan tutorial di atas, dimana 15 px memakili ukuran atas-bawah dan 10px memakili kanan-kiri. apabila semua nilai margin sama, umpama 15px, kami tinggal tuliskan: {margin: 10px). Perhatikan bahwa semua aturan nilai dimulai dari atas dan berlangsung searah jarum jam: atas, kanan, bawah dan kiri.

2. Kamu Bisa Gunakan Layanan Situs-situs Penyedia Tool Kompress CSS Dengan cara Online 


Nah disini tak sedikit layanan semacam dan silahkan copy namanya dan paste di google:

CSS Drive Gallery
CSS Compressor
Online CSS Optimiser/Optimizer
Minify CSS
CSSTidy Online

Demikian tips Tutorial Percepat Loading Blog Dengan Mudah. Semoga postingan ini berguna dan jangan lupa mampir kembali.


EmoticonEmoticon