5 Quick Tips to Optimize Load Time on your Website

Make sure your load time is low and test your website’s performance often.  The last thing you want is to lose viewers to your website because it is taking too long to load and they get impatient!

1. Use external CSS and JS files.  Using inline files increases the rendering time of a web page.  Browsers will cache external files, making page loading much faster.

2.  Format images properly.  Resize your images to the exact size your site needs.  Using html width and height properties to reduce an image.  Larger file sizes take longer to load, so this will help minimize load time.  Also, make sure you use the appropriate file format.  If you don’t need transparency, save images as JPG.  Learn which file format would be best for your images and then use them accordingly.

3. Use text instead of images.  Not only is using images instead of text (for custom fonts) useless for SEO, but it also increases loading time.  Learn about web fonts instead.

4. Write clean, efficient code.  Make sure your site doesn’t have unused scripts or tags.  Also, minimize your html with more detailed CSS.  When you are finished with your CSS, compress it by removing line breaks, commas, comments, etc.

5. Keep everything up to date.  Are you using WordPress for your website?  Running updates often will keep your site smooth with the latest and greatest code.  Developers add more efficient code into these updates that may save you loading time.

facebooktwittergoogle_plusredditpinterestlinkedinmail

Tek Tip: Comment tags for HTML, CSS & JavaScript

Developers use comment tags to insert comments or notes into the code without the comment being displayed in the browser.  Comments often explain long sections of code or point things out for editing later on.  If the developers work as a team, placing comments will help the other team members easily find sections they are looking for. Comments are also used to hide scripts from browsers that don’t support it.  This prevents plain text showing up in the browser if the script doesn’t run.

Below are examples of comments in HTML, CSS and JavaScript:

HTML

<!–This is the HTML comment tag–>

CSS

/* This is the CSS comment tag*/

JavaScript

// This is the single line JavaScript comment tag

/* This is the multiple line
JavaScript comment tag
used if you are commenting
out a multiple line section */

 

facebooktwittergoogle_plusredditpinterestlinkedinmail