Skip to main content

Top 7 ways to speed up download of your page.

Why is download speed so important?
As we all know nobody wants to wait everybody in this word wants to get everything in flash…so tell me Do you like to wait for pages to download? i do not think so,and if is it so…just go through following zombie steps…..

1. Design your pages with Stylesheet(CSS), not tables


CSS downloads faster than tables because:
Browsers read through tables twice before displaying their contents, once to work out their structure and once to determine their content
Tables appear on the screen all in one go - no part of the table will appear until the entire table is downloaded.
CSS generally requires less code than tables
All code to do with the layout can be placed in an external CSS document, which will be called up just once and then cached (stored) on the user's computer; table layout, stored in each HTML document, must be loaded up each time a new page downloads
With CSS you can control the order items download on to the screen - make the content appear before slow-loading images and your site users will definitely appreciate it …(I dnt abt about others..but I really do.)

2. Don't use images where you only wants to display text


This is where CSS comes into the picture.There is no need to use image where u want only text just use CSS and feel the power. Have a look at this code:

3. Use shorthand CSS properties


Font
Use:
Font: 1em/1.5e, bold italic serif
...instead of
font-size:1em;
line-height:1.5em
font-weight:bold;…etc.
Border
Use:
Border:1px solid #000000;
...instead of
border-width:1px;
border-color:#000;
border-style:solid;
Same things can be applied for background, margin, padding…..

4. Minimise white space and comment tags


Every single letter or space in your HTML code takes up one byte(oh my goshhhhhhhh). It doesn't matter but when considered along with all the spaces it may go higher than expected.

5. Use relative calls rather than absolutes


Try to avoid absolute call ups as they take up more space. An example of an absolute call up is: . Much better would be . But what if some files are in different folders to other ones? Use these shorthand properties:
- Calls up http://www.URL.com
- Calls up http://www.URL.com/filename.html
- Calls up http://www.URL.com/directory/filename.html
- Calls up index.html within that directory
- Calls up index.html one directory above
- Calls up filename.html one directory above
- Calls up index.html two directories above

6. Put CSS and JavaScript into external documents


To place CSS in an external document use:

To place JavaScript in an external document use:

Any external file is called up just once and then cached (stored) on the user's computer. Instead of repeating JavaScript or CSS over and over again in HTML files, just write it out once in an external document.

7. Use / at the end of all links to directory


Don't do this:
http://www.myBlog.com/zombie
Do this instead:
http://www.myBlog.com/zombie
Why? If there's no slash at the end of the URL the server doesn't know if the link is pointing to a file or to a directory. By including the slash the server instantly knows that the URL is pointing to a directory and doesn't need to spend any time trying to work it out…isn’t it amazing…....
I hope this will help u people…as it helped me also…so happy CSSingggggggggg….

Comments

Popular posts from this blog

Why SitecoreAI - Getting into the shoes of the customer how to select right CMS

Hi Team, Lately, I have been talking to lot of our customers / potential customers and having pre-sales demos where one question always comes is "Why Sitecore" ?  Now this question can be for any product which is out for sell. And as a technician I always get into product technical features, but at the same time as a pre-sales guy, it also makes me think, surely all competitive products have same features, so definitely answer to this is not in the technicalities.  If you step back and think, we are also a customer in our daily life and buy lot of things, what is that process we go through? When we buy, how can your customer decide if this is a right fit for you or not, why we select A over B? Is it price? is it service? Is it a brand? Is it about features? Is it about brand loyalty?  When it is a technical product, I am sure it cannot start with the technicalities of the product or selecting product itself, 100% not, I feel decision is always business strategy first and ...

Hell of sitecore aliases pipeline breaking the site with 500 error

Hello Friends, I belive this blog post is very important for everyone because, It has some very serious effect on working of your headless website, i will share my experience what we faced and how we resolved it Issue we started facing Our site started giving "Key cannot be null or empty" with YSOD like following  Side affect Because of this 500 error, Our site pages were showing 500 custom error page intermittently and our MAU (Monthly Active User) drop rate increased. Sitecore KB There is already Sitecore KB article talking about this error but the patch which is provided on this link is confusing as well as very huge and it could bring other issues along with it as that upgrade patch also has lot of other things too which i did not want to introduce in our stable CMS. Known Issues - Retrieving the child items of resource items is not thread-safe Observation Though the surfaced exception was looking similar and giving same error and behavior given on this article, We looked...

Zero to Hero - A real life RCA of exact issue in Sitecore Managed Cloud environment

Hello All, The purpose of today's post is to share a real life burning and escalated scenario which was new to me and how did I approach it and how big the escalations were and what was the outcome Sitecore's goodwill was at stack not because Sitecore is not capable of handling it but just because our environment was Sitecore Managed Cloud, and any issue that comes if its infra, back end code, front end code will be first pointed as Sitecore issue and that is where our consultancy and experience will play a role to prove that it is not Sitecore issue.  Issue we faced Out of the blue our site started giving "504 Gateway Time-out", and it was reported that almost everyone is getting this error, but when we used to browse the site, everything looked good and never 504. 504 Gateway Time-out error tells that, That the request went to Content Delivery servers of Sitecore from gateway, but gateway did not get response in time from those CDs and hence it gave time out error. ...