Web Page OptimizationGet Web Design Tips and Tricks on mps-web-design.com. Web Page Optimization 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.
As the average internet bandwidth rate per computer is raising, more and more webmasters allow themselves to develop complex websites laden with heavy graphic elements. In extreme cases you can find websites that take as much as a few minutes to load their content in your browser. Of course the user will never wait that long for a website to load, and will move on to the next website in his search results. So why are webmasters still developing slow loading bloated websites? Primarily due to a lack of knowledge of simple graphic optimization techniques that will allow them to maintain an attractive website while keeping the page size smaller. How many of you are aware of the fact that a box with rounded corners can be achieved using CSS code only, without the need for any graphic image. Well it is possible! Before those of you familiar with CSS say that it cannot be done for every type of browser and a relatively high level of programming is required, I say that dealing with the most common mistakes web designers make regarding optimization can have simple solutions. Never limit the web designer by placing any restrictions that impact the final outcome. You might make the claim that what a web designer can do with graphic software is impossible to implement by code. I disagree. When the design is finished and you are ready to slice it into small images to be used in the html code, your creativity is been tested. Everything you do at this stage will affect the total page size. If your design contains rounded shapes that overlap each other or areas with color gradients, then you must slice it carefully so the outcome is a small file size. Let's look at what efficient slicing means: 1. Do not make large slices that contain lots of different colors. Use a small number of slices where each slice contains a limited number of colors. 2. Do not make a large slice that contains the same graphic structure. Slice a small portion of it and duplicate it in your code. This is a very common mistake that webmasters/programmers make when dealing with gradient color background. 3. Do not use JPEG file format all the time. In some cases a GIF format will be much smaller in size. A rule of thumb - a slice with high number of colors will be smaller in size using the JPEG format rather than the GIF format, and the opposite is also true. Check each option separately. Every 1KB that you reduce from the image file size will eventually add up to a significant reduction in page size. 4. If you have text on a solid color background, do not slice it at all. Use code to create the background instead. Remember that you can define both the font style and background color of the area using CSS. Advanced Techniques Graphically optimizing a website is more than just knowing how to do image optimizations. There are some advanced techniques that required a high level of programming. CSS2 has much more to offer then CSS does. Although not all browsers have adopted this standard yet you should be ready for when they do. JavaScript also gives you a set of options to create some cool effects without needing to overload the page with Flash. Using limited tools like JavaScript compared to an advanced application like Flash to create the desired effects can be difficult. However think about the outcome. For a onetime effort you can differentiate your website from others. You will have an attractive professional looking website that loads quickly. Back to the Future As PDAs, smart mobile phones and mini laptops are used with wireless internet connections for internet browsing, publishing fast loading web pages will enhance the browsing experience not only for those using wide bandwidth connections but also will make the browsing experience user friendly (or may I say, bandwidth friendly) to the wireless clients.
For those who insist that web design optimization is not necessary because everyone will have high bandwidth connections eventually, I agree up to a point. However, the software companies are creating applications that use more bandwidth because they know it is available for them to use. Get used to writing well optimized web pages because this cat and mouse game will never end, and it is better to learn the rules of the game then it is to be bitten. |
More Articles:1. Why is a Logo so Important to Your Business? By Anthony Jewell Well, a logo for your business. Why is it important? Does it matter what it looks like? Is Yours Professional?These are some good questions to ask when you are considering to get a logo design or already have a logo for your business. See a logo speaks volume about your company, it right off the bat tells your "future possible client" if you are reliable and instils trust in them. Although how good your service is matters, how you present your company is what will win you their trust and in th… 2. Making Your Visitors and Search Engines Happy In the quest for the perfect website sometimes we overlook the obvious and forget about aspects of the web that make it enjoyable. We get caught up into what's cool or what our competitor's site has that we lose sight of usability and ultimate visitor happiness. Ultimately less is more on the web and by keeping it simple we can retain our visitors and give them the info and services they need without driving them away. The web is built around information and people want to find what they are sea… 3. The Seven Deadly Sins of Web Business Design By Caterina Christakos Before you take a road trip it is usually a good idea to know where you are going. It is the same when you are building a business, creating a marketing plan or building your web site. Know what your end result will be when you are planning and designing your site will help you to build it properly from day one.Here are the 7 Deadly Sins that most web business owners commit when designing their site.Picking a business without knowing wether there is a deman.Picking too broad of a subject. If y… 4. Web Design and Content By T. Baldino Web design comes in many shapes, forms and contents. It is the gift wrapping of your site, or your publishing package to share with viewers various products, services, or information.Many aspects contribute to a great design. I like to compare a great design to a Porsche, or Lamborghini. For example, a great design, looks pleasing to the eyes, is nicely formatted, and just simply makes the reader want to dive right in, and drive it?Although what would a Porsche be without an engine? Basically … |
||||
