If you want to know there is a way to measure loading a lightweight
blog there is a official site from google, please visit this page
pagespeed it will be missed the weight of your blog if the value of the
speed of your blog shows the value below 30/100 mobile and desktop
numbers including heavy blogs.1. By Minifying CSSFirst tips on how to speed up blog loading by minimizing CSS on templates but first backup your blog template. In
this way your blog will feel lighter, minimize CSS can be done manually
or with automatic, if we use the manual is very complicated because it
must be careful not to have missing the code will cause a failure in the
template display later and required a copy of your template already saved, if the more tested in an instant or automatic way with
the help of CSS compress sites that have been widely used blog owners,
more details please to try it by visiting this site in the url below:http://www.csscompressor.comhttp://cssoptimiser.comhttp://imabblog.com/cssoptimizer/compress.html.2. Image Size ReducedThe
second stage of how to speed up loading the blog that is compressed
Image / image, Images is one icon with a thick post, images can also
describe the contents of the description of the article concerned, but
the obstacle is the image we aploud very large size above 300Kb, the
big problem can be so loading blog loaded by images that size large, it
would be nice every post image size below 15kb for faster loading blog,
there are some tools that can be used like the default application pc
and tablet or online site by visiting http url : //jpeg-optimizer.com.3. Installing lazyload JavascriptThe third step how to speed up loading blog by installing Lazyload Javascript on blog template via EDIT / HTML and here's how:(1). Please log in to your blogger url(2). Continue you click dasbord blog menu(3). Please click the Template sub menu(4). In the template then click the Edit HTML button(5) .Next do not forget tick Expand Widget Templates(6). Please press Ctrl + F and look for <head> code(7) .Copy paste the Javascript code below:
<script charset = 'utf-8' src = 'http: //ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type = 'text / javascript' />
<script src = 'http: //cuerosb.googlecode.com/files/cueros%20-lazyload.js' type = 'text / javascript' /> <script charset = 'utf-8' type = 'text / javascript' > $ (function () {
$ (& quot; img & quot;). lazyload ({placeholder:
& quot; https: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeW6WsEowmdqqCXTdxp3R6kYzKyK-ashTlrcRNqtw5nZnNYdl6TaiAEFpyR2PBvo1BdHeS6o3wVv5VDk4Js8HVdoZyjeWGx9U0ufFKB_uY7XmbxzNPiLIdYS50Y4h3JNpMwMCJoWsFPcI/" ;, threshold
: 200});
});
</ script>(8). Please install above code
</ head>(9). Next click save.Installing Javascript Lazyload is very effective to lighten the blog, but some blogs will be slower after installing Lazyload code because not all template support, if no result just throw it.
<script charset = 'utf-8' src = 'http: //ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type = 'text / javascript' />
<script src = 'http: //cuerosb.googlecode.com/files/cueros%20-lazyload.js' type = 'text / javascript' /> <script charset = 'utf-8' type = 'text / javascript' > $ (function () {
$ (& quot; img & quot;). lazyload ({placeholder:
& quot; https: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeW6WsEowmdqqCXTdxp3R6kYzKyK-ashTlrcRNqtw5nZnNYdl6TaiAEFpyR2PBvo1BdHeS6o3wVv5VDk4Js8HVdoZyjeWGx9U0ufFKB_uY7XmbxzNPiLIdYS50Y4h3JNpMwMCJoWsFPcI/" ;, threshold
: 200});
});
</ script>(8). Please install above code
</ head>(9). Next click save.Installing Javascript Lazyload is very effective to lighten the blog, but some blogs will be slower after installing Lazyload code because not all template support, if no result just throw it.
No comments:
Post a Comment