Thứ Ba, 5 tháng 7, 2011

15 How To Optimize Blog To Appear Faster

Need for speed up your blog? Yups, who does not want his blog pages appear more quickly, in fact, in addition to quality content, page loading speed factor was a huge influence for the convenience of visitors. It is no human nature in which the waiting is a very tedious job, it's a must we look together, do not let visitors run away and move to another site just because your blog is very slow when it opened late .. even though it was only a few seconds. Factors connection speed can also be said to be one culprit, although we think of our blog pages appear as fast as lightning when it opened on our own computers, but not so khan with connections visitors:)

Well, here I try to give tips on how to Optimize the blog in order to appear more quickly, fast course within reasonable limits:)

15 How to Optimize Page Blog In order to appear more quickly:

1. Enable Compression with GZIP

Modern browsers typically support compression for HTML, CSS and Javascript. Compress the three files will certainly save time loading pages and automatically would be a reduction in download time. The Webmaster smart out there so we recommend using compression with gzip. For techniques and tutorials Gzip please disearch aja ya .. have a lot of talk about it. If readers use the Blogspot platform just ignore it because by default compression blogspot itself already supports these techniques. For users of other plaform like Wordpress please use Gzip compression is not going to bother or if you should use only use gzip plugin WP Super Cache.

2. Dispose of empty space in the HTML

Discard the empty space as well as in compression techniques, ie by compressing HTML, XML or PHP by removing the spaces that are found to be useful. One of them included also in the Inline for Javascript and CSS code. By removing the empty space will certainly save a lot of bytes of data and the impact will accelerate the download process. To get rid of unnecessary space I usually use tools such as Notepat Editor + +. It is very easy, ie with all blocks of code that want spaces removed and then select the menu TextFX -> TextFX Edit and choose Delete or Delete Blank Lines Surplus Lines Blank. 

3. Perform Compression CSS (Stylesheet)

CSS compression technique is actually quite simple, similar to way above that is by removing unnecessary whitespace. Compacting CSS coding can also be intensified when downloading, parsing and execution time on a page. For simplicity we do compression on CSS, please use the free tools that has been provided such as YUI Compressor and cssmin.js.

4. Put the CSS (Stylesheet) in Upper

Sometimes we do not put the CSS in the header, usually the way we use to create a single style for a particular style on widgets. The webmaster of experts usually recommend that we should call all the CSS code in the page HEAD whether internal or CSS CSS External everything should be the one calling in the header.

5. Discard CSS (Stylesheet) unnecessary

When the browser accessing the page, usually have to go through the download process and analyze every line of code in the CSS (stylesheet) first, imagine if a lot of useless CSS code that must be processed but not executed at all! This will be very annoying because it will hinder the process of rendering the supposed faster!

6. Check Validation of CSS (Stylesheet)

Although often there is a mistake in writing the CSS code, broser will not display any error messages on the screen, all executions will continue to run without any error report even though it was only wrong in one letter only. Let's not ignore this error, please check its validation. For more mudahya please use free online tools such as the W3C CSS Validations

7. The combination of CSS (Stylesheet) in external files

Lack of Internal CSS is only one measure of the swelling capacity (size) on the page. Experienced Webmasters are always suggesting we should invoke the CSS code via external access, if possible even better to combine all the CSS code in just one file. (For Blogger users ignore this technique because it would be great with the internal calling)

8. Do Javascript Compression


Javacsript compression technique similar to the CSS that is by removing unnecessary whitespace. Compacting Javacript coding can also be intensified when downloading, parsing and execution time on a page. For simplicity we do the compression on the javascript please use the free tools that has been provided such as YUI Compressor, and JSMin Closure Compiler 

9. Javascript is not Dump It

Like it or not the use of JavaScript (JS) is sometimes very necessary, although JS sometimes makes loading the page will be heavier. When a browser accesses a page, usually have to go through the download process and analyze the code in JS first, imagine if a lot of JS call in vain to be processed but not executed at all! Please carefully re JS code which we think is useless, double-check and not to park too long, if not used anymore mending just delete!

10. The combination of JavaScript in external files


Almost the same case with the above CSS External, Internal javascript deficiency is only one measure of the swelling capacity (size) on the page. Experienced Webmasters are always suggesting we should invoke the external access, if possible even better to combine all JS code in just one file. (For Blogger users if possible should call through the internal files only, please read back the internal javasript hosting solutions)

11. Perform Image Optimization


Dynamic websites without a decorated picture would not attract sufficient, but the excessive use of the image will become a problem when the browser to download the page. Should reduce the unnecessary images, especially on images that have a large enough size. If it is forced to use it, should do the optimization in the image by performing compression without compromising picture quality. My suggestion please use Yahoo! Smush.it

12. Do not Force Scale Images in HTML

Avoid using large images just because we can adjust the width and height in HMTL, we are able to rearrange the pictures as they pleased through CSS or the html tags <img> like the following <img width = "100" height = "100" src = "gambar.jpg" /> although the actual image size is 200x200px should not play down the scale reset the image, it would be better to create an image 100x100px to fit the actual image.

13. Avoid blank image SRC


The invitation SRC tag to the image common to the two possibilities, either through HTML <img scr=""> or memalui Javascript var img = new Image (); img.src = ""; although browsers ignore this request if the images were empty, Still through the rendering process which should not burden the server. Please perikasa back blank SRC, If it is not used mending textareas.

14. Check Back Broken link


Links are already dead would not like the reader, let alone readers .. although search engines do not like this. Make a check broken links as often as possible, many tools on the Internet that can perform this task, one that can best use the tools of the W3C Checklink

15. Discard widget or plugin that does not need


Widget that is too much just make a page so the more weight, especially the widget is not very useful. Please we aggregated re-separated widgets maanfaat if nothing at all like installing clock and calendar. Ask ourselves what is the point set the clock on the blog, if only as an indicator of time .. then what is the point at the taksbar windows?

Không có nhận xét nào:

Đăng nhận xét