The content ought to frame the bulk of your pages. however, because the majority of your pages, it's what you must concentrate on optimizing initial. Content includes each text and pictures. 


Here square measure some tips for optimizing non-image content:
  • Specify a personality set early—browsers use a default list till one is specific, thus for pages over 1KB in size you must indicate the list as early as attainable.
  • Minimize HTTP Requests—the fewer requests you create, the quicker your page can load.
  • Minimize the dimensions of HTTP Requests—ideally Associate in Nursing HTTP request ought to solely be one packet.
  • Scale back DNS Lookups—keep the quantity of host names (unique domains) you purpose to in an exceedingly page to as few as attainable.
  • Avoid Redirects—a common direct that a lot of designers use is unintentional — they leave off the trailing slash on a uniform resource locator that forces a direct to the directory name with the slash. Redirects additionally happen once you move a page or web site — modification the uniform resource locator to purpose to the new location once you link to a redirected page.
  • Preload Page Components—request pictures, styles, and scripts that will not be required on this page, however are used on sequent pages.
  • Split parts Across Domains—putting totally different|completely different} elements of your page on different domains helps increase parallel downloads. however keep in mind to stay the various domains to a minimum (no over 2-3).
  • Avoid 404s—while a helpful 404 page is vital for your customers' expertise on your web site, you do not need to link to them, as they generate another HTTP request that has no price. this is often particularly necessary with pictures on your page.

Optimizing pictures


As I mentioned on top of, pictures square measure content, however they're one in all the areas that starting internet designers use plenty of area and transfer time. find out how to optimize your pictures.
  • Optimize Images—keep the pictures tiny.
  • Don't size pictures in markup language or CSS—resize pictures in a picture editor, not with the browser.
  • Mix pictures into CSS Sprites—one spiritual being file downloads quicker than multiple separate pictures.
  • Optimize CSS Sprites—keep them tiny a bit like pictures.
  • Build Your Favicon tiny and Cacheable—this is a picture too.
  • Serve resources like pictures from the same URL—if you utilize constant image on multiple pages, ensure that the uniform resource locator that points to that is identical wherever ever you utilize it.

Optimizing the HTML


The markup language is what makes your page show within the browser, however you wish to create positive that it's optimized yet. the following pointers can assist you produce quicker loading markup language.
  • Take away Comments from HTML—comments are not required to render the page.
  • Alter markup language—the best thanks to try this is with a script that minifies the HTML once you post it to your server. thus will or you'll or you'll be able to still get pleasure from comments and markup language data formatting once you are piece of writing your pages as a result of further white area can add transfer time.
  • Scale back the quantity of markup language Elements—the additional markup language tags you have got on a page the additional difficult it'll be and therefore the slower it'll load. markup language tables for layout add more tags than a comparable CSS layout.
  • Do not nest tables—putting a table within another table slows the rendering of the page.
  • Link to Pages and pictures with Relative Paths—absolute methods, together with the host name, add extra characters that are not needed for links to photographs and pages on constant internet server.
  • Minimize variety of Iframes—when you link {to Associate in Nursingother|to a different} web site in an iframe, you're connecting your page's transfer speed to the one within the iframe.
  • Avoid Empty Image src—this causes the browser to create another request that may end in no real content.
  • Place Unimportant Content Last—put the smallest amount necessary elements of your page last, particularly things that do not seem directly like JavaScript rollovers and hidden content.
  • Solely Use important Meta Tags—while there square measure numerous meta tags that you just will use on your pages, you must limit their use to solely those important for the page.
  • Limit Meta Tag Content—for meta tags like description and keywords you must limit their content length to two hundred characters or less.

Speeding Up the CSS


CSS is another place wherever your pages may be delayed. giant CSS files with designs that square measure ne'er used square measure a waste of information measure. find out how to optimize your CSS with the following pointers.
  • Place CSS within the document head—use the link tag to purpose to Associate in Nursing external CSS sheet.
  • Mix External CSS—you ought to solely link to 1 external CSS sheet.
  • Use CSS for Fonts—images square measure slower to load.
  • Alter CSS—keep it as tiny as attainable.
  • Take away unused CSS—CSS vogue sheets will get terribly untidy with properties that were once used however are not any longer.
  • Use economical CSS selectors—the additional specific your selectors square measure the additional economical they'll be.
  • Avoid CSS @import—Internet individual masses @import vogue sheets last, that slows down the rendering of the page.
  • Use Shorthand Properties—these properties use fewer characters than the quality properties.
  • Do not Use Filters—Internet individual provides a filter AlphaImageLoader to repair a retardant with semi-transparent PNGs in versions less than seven, however this filter blocks rendering and freezes the browser whereas the image is downloaded.
  • Do not Use CSS Expressions—Internet individual versions five through seven supported victimization JavaScript to switch the CSS programatically however these expressions square measure evaluated thousands of times because the page masses, is rendered, whilst the scroll-bar moves—all of that slows the page down.

Speed Up Your JavaScript


JavaScript and mythical being will build pages slower, particularly if you have got them load directly. Most scripts aren't used till the complete page is loaded, and if they load initial that creates the page seem slower. the subsequent JavaScript tips can assist you speed up your scripts.
  • Mix external JavaScript—it's best to own only one external script file that contains all of your scripts.
  • Build mythical being Cache able—add Associate in Nursing expires or cache-control header to your mythical being content.
  • Alter JavaScript—remove all further areas.
  • Use GET for mythical being Requests—using a POST request needs 2 steps, whereas GET solely uses one.
  • Place Scripts Last—if attainable, place your scripts because the last things on the net page as scripts will typically block the loading of alternative components on the page till they're done loading.
  • Like Asynchronous Resources—by writing asynchronous scripts you make sure that they do not block alternative components from loading.

Cookies have an effect on Speed


Cookies square measure a strong tool for internet designers and developers, however they'll additionally cause your pages to impede. the following pointers will assist you speed up your cookies.
  • Keep cookies small—the larger the cookies square measure, the additional knowledge that has to be passed.
  • Eliminate uncalled-for cookies—the fewer cookies you set the less that ought to be downloaded along with your page.
  • Set your cookies at the suitable domain level—so that solely the domains and sub-domains that require cookies, and therefore the rest do not.
  • Serve static content from a cookieless domain—static content like pictures cannot use cookies anyway, thus serving cookies together with them simply adds additional requests that are not used.

Server Level Speed Enhancements


Most of the on top of tips you'll be able to implement right the pages or pictures themselves. however if you're serious concerning up the speed of your pages, you may have to be compelled to do some improvement at the sever level yet. the following pointers will assist you improve your internet server so pages square measure quicker.
  • Add Expires or Cache-Control Header—when you set the expires HTTP heading to a immensely so much within the future date, the net page are cached so future accesses can load additional quickly.
  • Use Public Proxy Caches—this allows your website content to be cached on public proxy servers.
  • Use a Content Delivery Network (CDN)—a CDN pushes your content to servers housed all round the world and this hurries up the delivery to customers as a result of they receive your content from servers nearer to their location.
  • Piece ETags—ETags or entity tags square measure employed by internet servers to assist browsers verify if the component requested is that the same because the one on the origin server, however some servers will generate incorrect mis-matches attributable to however they're organized.
  • Flush Buffer Early—if you're victimisation PHP on your pages, you'll be able to use the flush operate  between the pinnacle and body of your markup language to inform the browser to start out loading the markup language directly instead of looking ahead to the markup language to induce sewed along.
  • Specify a Vary: Accept-Encoding header—this helps scripts use proxy servers as a result of the proxies store 2 copies: one compressed and one uncompressed so serves them up relying upon the request heading.
  • Take away question strings from static resources—if a uniform resource locator contains a interrogation point in it (?) several proxy servers won't cache it.