Advanced Web Page Optimization Techniques
- by Warren Baker
- Published on 6/14/06
- Article views: 801
We all want to have the most attractive website that leaves a visitor wide-eyed and completely dazzled. Usually an extremely attractive website design involves lots of graphical elements, increasing the overall page size which causes the page to download slowly to the browser. This article will provide some useful tips on how to keep your website design attractive but still downloads quickly.
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.
Warren Baker is an Internet business consultant for WebDesigners123.
WebDesigners123 connects the
Freelance Web Designer with Webmasters who need their services.
More Articles
-
-
-
» Latest articles
-
» Highest rated articles
- Easy Tips on Redesigning Your Website
There is no doubt that a website redesign can be suitable for just about anybody. It is probably the most suitable for a company or business that is looking to improve their success. It is also suitable for a company that is looking to get the best results out of website promotion or website optimization.
- Usability - Secret Behind A Successful Website
Web site usability is the latest buzz in the World Wide Web. From increasing traffic to your site to increasing sales of your products or services, usability offers benefits which can help you make an impressive web presence.
- 10 Key Things to Look for in a Good Web Designer
Before listing the ten key things to look for in a good web designer, let's define a few terms. Even though you may encounter variants on the name - like web developer, web artist, webmaster and so forth - we're talking about an individual who, alone or with some assistance, is going to 'get you up and running.' This means more than simple design.
- How Web Development is different from Website Designing
Web development is the buzz word, but not many people understand the true meaning of web development. Most people associate web designing with web development, which is not only misleading but really cramps up the vision of what real web development can do.
- Myspace Design Features - Helpful for those who have no idea of HTML
If you are reluctant to create Myspace website because you do not have any idea about HTML. Several Myspace designer features will help you to create Myspace website even if you have no idea on HTML.
- Advanced Web Page Optimization Techniques
We all want to have the most attractive website that leaves a visitor wide-eyed and completely dazzled. Usually an extremely attractive website design involves lots of graphical elements, increasing the overall page size which causes the page to download slowly to the browser. This article will provide some useful tips on how to keep your website design attractive but still downloads quickly.
- Developing a website
If you are starting a new business there are many things you need to keep in mind, and starting a website to market your products online is one of the most important aspects of your new business. There are many reasons why should start a website that include saving money, convenience, more customers, professional image, and keeping up with the competition.
- Stock Images - An Indispensable Tool For Designers
When the already obtainable photographs are accredited for definite usage, then they are called Stock photography. H. Armstrong Roberts founded the 1st prominent stock photography agency way back in 1920. In the stock photography industry, the new micro-stock models of images get filed at the agencies. Stock photography, nowadays, is an extensively used application of digital media.
- Myspace Design Features - Helpful for those who have no idea of HTML
If you are reluctant to create Myspace website because you do not have any idea about HTML. Several Myspace designer features will help you to create Myspace website even if you have no idea on HTML.
- What's In The Mysterious Log File?
Every time someone visits a page on your site, a record is made into the log file, which is saved on your server. You can find some interesting and useful information about the visitors in the log file.
- How to Straighten Out Your Tax Affairs in 2010
Utter the word 'taxes' in front of people and you are sure hear a loud groan. Frankly, there are valid reasons behind this response: First of all, paying your taxes annually can be a financial burden, especially with the economic hard times which we are going through these days.
- Benefits of Yoga - Redefining Life, Meditation and Exercise
Yoga is a complete exercise for the mind, body and soul and it can give a person a change to know himself in a new light. Regular practice of Yoga has been known to reduce stress, increase concentration and also benefit one's overall health.
- The Best Floral Perfumes
Floral perfumes are considered the best perfumes all over the world. In fact the history of perfumes says that floral perfumes are the first perfume category of the world and thus popular also. Floral perfumes represent the essence of love and romance.
- Coffee Gift Baskets
Even a Coffee Bean or San Francisco Coffee outlet frequenter will not be able to master the art of appreciating true gourmet coffee unless they know the history and information about gourmet coffee.
- Rent a car in Israel
If you are already in Israel and wish to rent a car, then you can make a booking and tell the service to pick you up from wherever you are. The best part about car rental in Israel is that they are extremely flexible.
- How to Straighten Out Your Tax Affairs in 2010
Utter the word 'taxes' in front of people and you are sure hear a loud groan. Frankly, there are valid reasons behind this response: First of all, paying your taxes annually can be a financial burden, especially with the economic hard times which we are going through these days.
- Ecommerce Checkout - Make Them Register
The world of ecommerce is expanding daily as more and more retailers take their business to the web in the hopes of attracting a percentage of those ever finicky web shoppers. As the amount of businesses open up ecommerce shops online, the amount of web development companies is also growing, offering ecommerce solutions for even the smallest of budgets. It is important that web developers understand the dynamics of the checkout process when discussing the options with the client.
- A History of Vintage Automobiles - From 1916 to 1924
Before cars were around, people usually traveled distances using horse-drawn carriages. But as early as 1335 several bright minds have been trying to come up with a 'horseless carriage'.
- 3 Rules to Follow in Your Logo Design
When designing your own logo or getting it done by logo design professionals, ensure the following three basic rules and you will have a great and memorable corporate identity.
- Top 10 SEO secrets
Today everyone wants to have better search engine result pages ranks. However only one can have the rank 1. Therefore you need to optimize constantly your websites and to have an edge over others you need to do something different and unique. Following are 10 rare tips/secrets which can help you get high search engine ranks.
