NetUrja

Expand your business online

+91-9418464747 contact@neturja.com

Get a Free Quote
  • Home
  • About Us
    • FAQ
    • Press Release
  • Services
  • Portfolio
    • Web development
    • SEO
    • Advertisment
    • Logos portfolio
  • Blog
  • Events
  • Log in
  • Contact Us
    • Careers
Back to top
You are here:

Home Page | Articles | Web Performance Facts.

Web Performance Facts.

icon-userAuthor:

icon-calendarDate: June 16, 2014

icon-commentComments: 2

1 Star2 Stars3 Stars4 Stars5 Stars
Loading ... Loading ...

Why does speed matter?

  • Speed is among the most significant success factors web sites face.
  • Search engines like Google, measure and factor in the speed of web sites in their ranking algorithm

Consequences of poor performance :

  1. Increased user frustration
  2. Increased blood pressure
  3. Are perceived as less interesting
  4. Are perceived as less attractive

Web performance best practices :

Speed evaluates performance from the client point of view, typically measured as the page load time , The best practices are grouped into several categories that cover different aspects of page load optimization.

OPTIMIZING CACHING :

Most web pages include resources that change infrequently, such as CSS files, image files, JavaScript files, and so on. These resources take time to download over the network, which increases the time it takes to load a web page. HTTP caching allows these resources to be saved, or cached, by a browser or proxy. Once a resource is cached, a browser or proxy can refer to the locally cached copy instead of having to download it again on subsequent visits to the web page

MINIMIZING HTTP REQUESTS :

One of the most important aspects of improving a web page’s performance is “minimizing number of round trips” that the browser needs to make to the server. Every file that your website includes (such as CSS, JavaScript or images) all need to be downloaded to the browser.

MINIFYING HTML, CSS & JAVA-SCRIPT :

In order to understand the code that we are writing, we often format it in a way that is easier for us to read, in other words it’s a more human friendly format. Take a look at the sample code below:

1
2
3
4
5
6
<form action="#" method="post">
    <div>
        <label for="name">Text Input:</label>
        <input type="text" name="name" id="name" value="" tabindex="1" />
    </div>
</form>

In the example above we can clearly see that we have a form with label and input element, surrounded by a div. The example above is much clearer than reading it as:

1
<form action="#" method="post"><div><label for="name">Text Input:</label><input type="text" name="name" id="name" value="" tabindex="1"/></div></form>

Unfortunately, although it may be easier for us to read, the more human friendly version includes a lot of unnecessary characters. It’s not too disastrous in the example above, however, if this was a large scale site with thousands upon thousands of lines of code, then it would cost us in performance.

Unnecessary characters can include white space, comments and new line characters. These characters can be removed without affecting the code’s performance and by removing these we are reducing the file size of our code, therefore the amount of data that needs to be downloaded to the browser.

You can minify HTML, CSS & JavaScript. If you’re not doing this then you should start thinking about it now. Fortunately for us there are many online tools that can help both minimize and restore our code such as YUI compressor.

OPTIMIZING IMAGES :

One of the most performance hungry assets that the browser needs to download are images, causing some sites to be painfully slow. Wherever possible try to use CSS to generate graphics instead of images. This can be great for items such as buttons, but in some cases CSS maybe not be capable of recreating the design such as in the case of a photograph.

IMAGE COMPRESSION:

If you have, for instance, some form of photography showcase, or lots of photographs on the site you are designing then it may not be convenient or practical to serve them all as a sprite. This is where you will have to ‘compress your images’. By properly formatting and compressing images we are able to save many bytes of data.

By compressing images without losing the image’s look or visual quality you can save on data that needs to be downloaded. Yahoo’s smush.it service is incredibly good at doing this job for you. Simply upload the images that you want to ‘smush’ and it will losslessly compress them for you. Also there are many other tools through which one can compress images without loosing quality.

Share

Related posts

Jun14

Tracking Google AdWords Conversion with Contact Form 7

by vrinda maru

Comments: 1

Jun24

Introduction to the world of Project Management

by Rahul

Comments: 0

Jun14

Artificial Intelligence

by Vijender Kashyap

Comments: 0

Comments

  1. test Jan 21, 2023 +reply

    Greetings! This is my first visit to your blog! We are a group of volunteers and starting a new project in a community in the same niche.
    Your blog provided us beneficial information to work on. You have done a wonderful job!

    Look at my web page; test

  2. ford computer Jan 21, 2023 +reply

    When I originally commented I seem to have clicked on the -Notify me when new comments are added- checkbox and
    now every time a comment is added I get 4 emails with the same comment.
    Is there a means you are able to remove me from that service?
    Thanks!

    Feel free to visit my web site: ford computer

Trackbacks and pingbacks

No trackback or pingback available for this article.

Leave a Reply Cancel reply

captcha

Recent Posts

collectRequirments
Collect Requirements – Project management workshop

In previous article we were in the initiation phase where

|| Read More
Image for Stakeholder managment
Identify Stakeholder – Project management workshop

Welcome all. This is the second in the series of

|| Read More
Image of Introdcution to Project Managment
Introduction to the world of Project Management

This article is to let you introduce you to the

|| Read More
No Image
Web Performance Facts.

Why does speed matter? Speed is among the most significant

|| Read More
R
Splashing Water effect in cs5

1.Create a new document, fill the background layer with black,

|| Read More

Top Rated

  • Tracking Google AdWords Conversion with Contact Form 7 2 votes, average: 4.50 out of 52 votes, average: 4.50 out of 52 votes, average: 4.50 out of 52 votes, average: 4.50 out of 52 votes, average: 4.50 out of 5
  • Introduction to the world of Project Management 2 votes, average: 4.50 out of 52 votes, average: 4.50 out of 52 votes, average: 4.50 out of 52 votes, average: 4.50 out of 52 votes, average: 4.50 out of 5
  • Splashing Water effect in cs5 3 votes, average: 4.33 out of 53 votes, average: 4.33 out of 53 votes, average: 4.33 out of 53 votes, average: 4.33 out of 53 votes, average: 4.33 out of 5
  • How To expand your Business on the Pinterest 1 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 5
  • Identify Stakeholder – Project management workshop 1 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 5

Twitter

Like Box

NetUrja Technology (P) Ltd

  • The Mall Nahan, Distt. Sirmour(H.P)-173001
  • 01702-224647
  • +91-94184-64747, +91-97360-57900
  • contact@neturja.com

Copyright NetUrja 2011- 2023

home|privacy policy|terms|Disclaimer|Sitemapvalid-xhtml10