LOSE THE WAIT!Get Web Design Tips and Tricks on mps-web-design.com. LOSE THE WAIT! topic will increase your understanding on Web Design Tips and Tricks. We at mps-web-design.com only provide news, articles, information in Web Design Tips and Tricks. Web Design Tips and Tricks at mps-web-design.com provides the most up to date news and articles. If you have questions please do not hesitate to contact us.
say? Think it's 'worth the wait'? Sorry to break it to you pumpkin, it's not. You're on your way home. You have two choices. You can either take the route that is the shortest in terms of distance but has many stoplights, or you can take the route that's a little longer distance-wise, but has no stoplights. Which do you choose? I choose #2, and so do many web surfers. Why? Because it's better to keep moving. I want to look. I want to read. I want to buy. I *don't* want to wait 67 seconds for a page to download because the site designer thought it would be a good idea to use a picture of his pet ferret in a snappy little beret as an image map. We all know graphics slow a site down, so is it possible to keep visitors from mousing away without publishing a text-only site? Sure. It's simply a matter of balancing aesthetic appeal and load time. I'd like to discuss a couple of ways to do just that. Before we get started, though, do me a favor and take a trip to Web Site Garage Up on a page you'd like to speed up. Be sure and write down the load times for your page under the various modem speeds because you'll use these later as a benchmark to gauge the effectiveness of your changes. Oh, and don't forget to make a backup copy of your page (and images) 'as is', in case you aren't happy with the changes and want to restore it to its original condition. Once you've done those things, we're ready to tackle two methods to trim load times: reduce the number of images on your page(s) and reduce the size of the remaining images. REDUCE THE NUMBER OF IMAGES ON YOUR PAGE(S) Take a cold, objective look at your site. Try to view it through a visitor's eyes. Which graphics are necessary and which are superfluous? Can you manipulate the text with HTML (bold, italic, font face) as opposed to using a text graphic? Can a clickable image be replaced with a text link? Cutting expendable graphics can greatly speed page load time. Assess each graphic one-by-one to determine if it should stay or go; keep only those that are essential. Use Flash animation wisely. No doubt about it, Flash movies are extremely cool - when done well. 'Because it looks cool', however, isn't a reason to add something to your site. I can think of few things more annoying than a Flash intro with no purpose. You've seen this, haven't you? You hit a site's home page and you're faced with an inane text message like, 'Welcome to my Site!', which you're expected to watch as it dances, twists, morphs, and otherwise makes a horse's you-know-what out of itself. A well-done intro has a distinct message/purpose, it looks outstanding, and the visitor is given the option to skip it altogether - that's important. REDUCE THE SIZE OF THE REMAINING IMAGES Smaller images load faster. After you've pared down your images to the essentials, it's time to reduce the size (byte-wise) of what remains. You can do this in two ways: 1. Reduce image dimensions (Width x Height in pixels). 2. 'Optimize' the image. Reducing the dimensions of an image isn't always a viable option. The layout of your page may depend on a particular image being a specific size (the way the page appears, though, is of course relative to screen resolution). If you can safely shrink your image dimensions, do so, and then optimize. If you cannot change the dimensions of the images, optimize only. 'Optimizing' an image means reducing the file size of the image. This is accomplished primarily by removing extraneous colors from the image. For example, a GIF saved at 256 colors can usually be reduced to 128, 64, or 32 colors - sometimes even less - without compromising image quality. This can *drastically* reduce the file size of an image which, in turn, (often) shaves seconds off load time. NetMechanic Once you've pruned the extra images and optimized the 'keepers', upload your lighter page and go back to Web Site Garage and run the Tune Up again. Hopefully, you've gained a notable improvement in page load time - or at least it's dropped to a more acceptable number. My front page went from a load time of 22.05 seconds to 14.55 seconds on a 33.6, simply from image optimization. Still a little slow, but hey, a 7.5 second savings isn't too shabby! Ensuring your site loads as quickly as possible is part of being a good webmaster/site designer. A quality site from a surfer's point of view will turn more visitors into customers.
Article Index: | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 |
More Articles:1. Whatever Happened To Keep It Simple? I don't know, maybe it's just me, but it seems the KISSformula has been tossed out the window.I visit various sites that are supposed to be selling a product or service and get various messages such as: We'd like to let you know you don't have the latest version of IE or Netscape and we'd like to ask you toupgrade your browser at this time. We're sorry but this site can only be viewed with InternetExplorer. If you want to view our site you'll have to download theflash media software. Sorry you n… 2. Quick, Effective Web Design: Templates? We have all seen the websites online that sell template web designs for various business industries. Are these worth using? The answer may be different for everyone. When deciding on a web design it is important to know your competition. What do you like about there site? What could be done better? Are there certain aspects of the site that would appeal visually? Are there certain aspects of a competitor's site that have helped in organic SEO/SEM? Are there certain aspects/offers on a competito… 3. Cascading Style Sheets for Better Web Design By Case Stevens In cascading style sheets you can specify how your web pages will be presented on the screen by simply predefining page elements such as fonts, headers and links.You can add these predefined elements in the head-section of your pages, but more interesting is to use them in a single .css file and include that file in every page on your site.All you have to do is include in your HTML header. (the path in the href must point to the place where your .css file is stored)There are two main benefits… 4. The 5 Biggest Mistakes Almost All Web Designers Make -- And Why These Mistakes Could Cost YOU A Fortune! Huge Mistake #1: Creating a Website with Flash -- Did you know in a recent study, top internet marketers discovered that having a website created with Flash, actually DECREASED the response from prospects and customers by as much as three-hundred-and-seventy percent?Here's why: Your prospects and customers are most likely visiting your website using all types of different computers, connection speeds and internet configuration settings...What may look GREAT to one visitor, may not even appear fo… |
||||
