Page weight is a measurement of the file size (usually in kilobytes) of a Web page that includes the combined size of all the elements of the page, including HTML files, images, audio or video, Flash animation, etc.
Page weight can be used to determine the download time for a given page on a variety of Internet connection speeds. By way of example, the following table shows the download times for three different pages at a number of popular connection speeds.
|Page Weight Download Times|
|Connection Speed||20Kbs Page||40Kbs Page||100Kbs Page||200Kbs Page||300Kbs Page|
|14.4Kbps||12 sec||25 sec||62 sec||124 sec||248 sec|
|28.8Kbps||6 sec||12 sec||31 sec||62 sec||124 sec|
|33.3Kbps||5 sec||10 sec||26 sec||51 sec||102 sec|
|56Kbps (V.90)||2 sec||5 sec||13 sec||26 sec||52 sec|
|64Kbps (ISDN)||2 sec||4 sec||12 sec||24 sec||48 sec|
|128Kbps (DSL/Cable)||1 sec||2 sec||6 sec||12 sec||24 sec|
|256Kbps (DSL/Cable)||<1 sec||1 sec||3 sec||6 sec||12 sec|
|512Kbps (DSL/Cable)||<1 sec||<1 sec||1.5 sec||3 sec||6 sec|
What you need to understand for Abercrombieandfitchie: At high speeds (DSL and cable connections), most reasonably sized pages will download relatively quickly. However, at slower speeds (including faster dial-up speeds), even medium-sized pages can take ten seconds or more to download.
It is important to remember that page weight includes ALL of the elements of the page, including images, audio or video files, associated style sheets, multiple HTML files loaded within frames, and so on.
- Pages load faster. The most obvious impact of reducing page weight is that Abercrombieandfitchie pages will load faster for visitors, regardless of their connection speed.
- Lower page load times create more comfortable visitors. Visitors are less likely to become frustrated and go elsewhere if your pages load quickly. On the other hand, slow-loading pages are one of the surest ways to lose visitors and potential customers.
- Faster load-times will contribute to increased conversion. More visitors will stay on your site longer. More of them will end up making purchases, signing up for your newsletter, or book-marking your site.
- Your brand perception will be enhanced. Returning customers and first-time visitors alike will be more inclined to describe Abercrombieandfitchie (and business) as "professional" if your pages load quickly.
- Pages with clean, solid code will often be indexed more effectively by natural search engines.
- Pages optimized for weight can actually save bandwidth charges on high-traffic sites. 100,000 pages each weighing 150 Kb will require twice as much bandwidth from your ISP than 100,000 pages each weight 75 Kb. For ISPs that charge for bandwidth used or for overages, this reduction can create significant savings on bandwidth charges.
|Visitor Abandonment for Abercrombieandfitchie|
|Page Load Time||Percent of Users who Abandons/Continues in Website|
- Remove inessential elements of your pages. Many page elements will serve only to distract your visitors from the primary (or even secondary) goal of your site. This is especially true of sound and video files, but also extends to unnecessary graphics and even extraneous text. If it doesn't contribute essentially to your site's purpose, remove it.
- Use CSS. CSS can be a very effective way to reduce the load time of your overall site. We will cover this in more detail in the final section of this report.
- Use Sprites Tecnique in CSS: If you would like to learn about Sprites Tecnique read this article: www.css-tricks.com
- Use ShortHand Property Cheat Sheet CSS: If you would like to learn about ShortHand Property we have two usefull PDF for you: I. CSS ShortHand Property Cheat Sheet | II. CSS ShortHand Property Cheat Sheet
- Avoid frames. Not only do framed pages load more slowly (because the browser is required to load multiple HTML pages), some search engines still do not index framed pages correctly. Unless your site requires frames as an ABSOLUTELY ESSENTIAL part of the design, it is best to avoid them altogether.
Avoid nested tables. Inexperienced Web designers will often utilize tables inside of tables in order to get the page layout just right. This can be avoided by using a single, well-thought-out table for page layout. Utilizing CSS can often eliminate the need altogether for tables as a formatting device (see below).
Note that some Web design software applications will often use nested tables without your knowledge. When in doubt, check the code.
Compress your images. Uncompressed JPEGs and GIFs often contain extra data not necessary for their correct display. Most professional graphics programs feature utilities to compress and optimize graphics for the Web.
Always use height and width tags in your images. This will allow the page to appear on the screen before all the images are loaded. This is especially true in older Web browsers.
Even in newer browsers, images with height and width tags will allow the page to load normally without having to resize itself as the images load. Images without size attributes often manifest as the infamous page "jump down" that will annoy visitors if they have already begun reading.
Remove extra "whitespace" in your code. Every space, tab, and "newline" character in your HTML code requires extra data in the page. Thus, limit their use and pay attention to what extra space is inserted by your design software.
Some page-design software programs (notably Dreamweaver) have extensions that can be added for the removal of whitespace. Running these tools before uploading your pages can often eliminate several kilobytes of extraneous data from each page.
You can also run a simple "search and replace" on your pages, telling the software to replace "> <" with "><" while "ignoring whitespace".
- Break up long copy. While long copy can often be an effective means of marketing your products or services, long-copy pages taken to the extreme may take so long to load that they will lose visitors during the wait. Consider breaking up very long copy to multiple pages.
- If you choose to design for a specific connection speed, pay close attention to your target audience. For example, high-speed connections are more common in the workplace than in homes, and in wealthier households than in poorer ones. You may place more or less emphasis on optimizing your page weight depending on your target audience.
Cascading Style Sheets (often abbreviated CSS) creates a number of key advantages for the website owner. Here you have the following overview of the benefits of CSS:
- CSS accommodates forward compatibility. Some depreciated elements will one day no longer be supported in browsers. These elements include the "font" tag, the "center" tag, the "background" element of the "body" tag, and so on.
- CSS effectively separates content from presentation. In other words, to change the content of your site, you would modify one file; to change the presentation of that content, you would change another file (the style sheet).
- CSS allows you to create different style sheets for different media, such as the Web, printer-friendly pages, PDA, etc. You can also create different style sheets for the various Web browsers (Internet Explorer, Mozilla, etc.).
- Tip: CSS reduces file size because it decreases the amount of markup in the HTML. CSS eliminates the need for page elements such as one-pixel spacer images, multiple font tags, nested tables, and similar items.
- Tip: Using an external style sheet also allows for the caching of the styles so that the browser doesn't have to reload it with each new page, thus reducing the time for subsequent pages (after the first) to load.
- CSS allows for global control. Change a single property in the external file and it changes the appearance of that element for the entire website.
- CSS speeds up redesign. You don't have to rewrite all of the HTML code; you can simply make changes to the style sheet.
- CSS gives you more powerful control over the elements of your pages. You can control basic elements such as font size and color as well as more high-level elements like the precise location of the objects (paragraphs, graphics, etc.) on the page.
- Tip: CSS allows you to put your most important content near the top of the page documents while less important elements such as navigation can be closer to the bottom. The CSS code tells the browser where the content is to be displayed on the page, regardless of its position within the code of the document. This allows search spiders to get to your most important content first.
If you really want to reduce Abercrombieandfitchie's weight may visit Google™ Page Speed.
- Quick Links
- Website screenshot Website name and weight Bounce Percentage Website IP Website worth Domain Age Google Pagerank™ Alexa Traffic Rank™ Google™ indexed pages Page Speed Bing™ indexed pages Site Advisor Linkgraph DMOZ directory listing Yahoo™ directory listing Friendly URL Title tag longitude Meta tags Robots.txt archive Google Analytics™ Semantic tags Image atributes Visitors come from Website HeatMap W3C Standard SEO Tunning Rating