Accelerate the optimization of your site -2
Related Tags:
Users do is carry on the decision or refund, the main considerations are the speed of the overall results. Designers need to find a good balance of the three methods, which produce the ideal download: request from the user to click Next there is Yizhawen moment.
Remember: the tolerance limit users access pages on the end of the first second, rather than rendering the page when completed. On the user experience, the rendering time is very determined laymen. I have an old car, I do not care about its appearance and sound. I just want to use the key to open the car, refueling,能开walk. One of my rich friends have a Saab car with only one minute can be reached peak speed. My car 20 minutes to preheat, but I am indifferent - engine ignition point when I use the foot accelerator, and as long as I am driving enough to accelerate matter to their cars to consider!
I use the blender wheels examples of actual speed and feel that the speed of the important distinction. Know that a certain time rendering pages users can see the layout designers from the standpoint of building a successful page. When the browser window a gray, do nothing, as long as users do not: "Hey, how pages in the end?", Then pages are still working.
I would like to show you how I can be perceived increase in the pages of the size. I maintain graphics and image size to the minimum. However, the image is not simply to reduce the number of colors, but very much attention to the Color arrangements.
Page 1: Add to all his colors, not just color GIF list. If a GIF files are 10 pixels high, there are 10 colors on the trip. If the first line is 100 white pixels, GIF format by writing a "white", and then added a color to repeat this 99 to the Notes. This method should be used in each row, so if the second line is pink, blue is the third line are not related. In other words, his repetition of his white and not reduce file size. In fact, a large number of his party on the color change. If the first line between the black and white alternating - GIF format and the Notes will not be adopted to reduce file size - remember it is only white, black, white, black, and so on. In addition, the black and white line one feet, only to see gray. When you change color along the horizontal direction, as far as possible to use more fragments of the same color: white 20 pixels, then 20 pink pixels, then 20 blue, 20 red, 20 green, the color that will be indexed * 20 # FFFFFF, FF00FF * # 20, # 0000FF * 20, # FF0000 * 20 * 20 # 00FF00, such documents can be compressed more small.
Remember: through the use of html and Width HEIGHI marked simply enlarge images will not increase speed. 1 1 * 1 small blue rectangle, transmission than 100 * 100 rectangular fast. However, the expansion of a blue pixels to 100 x 100 rectangle, the last 24 is a 100 * 100 images. GIF compression only tend to reduce the storage space and transmission speed. Once the browser rendering engine to extract and Display your image on the screen to deal with the time and the actual image zoom to the time almost the same size. Skills in the use of each one, to see if it save time.
The second page: all text, as far as possible, use text instead of graphics, but my view more extreme: I think everyone should use the text GIF, the designers of fine 15 dollars. Internet users spend, it is slow to download and rendering speed means the loss of time and money. Designers should choose the most suitable text Font significance proud. Because a computer does not exist "Cinderella Shuijingwa" This fonts. (How many people have installed on the machine Wiese fonts?) - GIF format this text is created. If you use only text images that maintain the same fonts or control the Font Size and spacing, your pages, does not have any meaning. So do not do so.
To truly reduce the download time, the rendering of the operating system for the user. Now, through the browser to explain HTML document rendering pages dependent on the operating system. Use of a user's computer generated magic font or the shape is the most efficient use of processor bandwidth and the most effective way - the information contained in the GIF image is a waste of resources. Using HTML definition of rectangular (table or layer), said that with ASCII text, the font for the operating system, a color to each hexadecimal values (for example, # FF0000 representative red).
At this point, we can not draw a circle, we have only Times, Courier and Helvetical / Several Arial font available. However, making good use of these types of font design is the key to rapid pages. The complex polygon, beautiful fonts and photos, but with graphics to sacrifice GIFJPEG download time.
- Div attribute
- CSS site layout div highly adaptive - Discuss
- Div ? ? ? ¨°
- On the hidden div
- DIV father DIV relative to the bottom of the alignment method
- Div layer
- DIV CSS layout examples: css layout of the site ten steps Record! (Directory)
- CSS: ? ? ? ?div ? ?
- XHTML compliant standards DIV + CSS layout of the site, the impact on the SEO!
- How DIV never placed in the web site of the window express as Bottom
- DIV
- Div borders
- What is DIV?
- DIV and Table layout in the availability of relatively large site
- DRAG the DIV
- Fillet div
- Div + css ? ? ?
- DIV center
- DIV and Layer
- Div ?asp.net ? ?
Introduced free personal web site home page space
Editor's home network Http://www.pagehome.cn Provide free web storage space. Ark Network Http://web.hn8868.com/ 2006/01/12 100 M offer you free Home space, and to provide two domain names, web management approach uploa...
Flash cache solve the problem
Use the following method to SWF files from the browser is not mandatory local cache. SWF files or its mandatory to read every time the latest media files. Ensure that every reader as SWF files. 1: "Expires" header This is the HTML document br...
Css Gudongmen technology to a number of summary and summary
These individuals said, "If you are a master, you brief us on the detailed css Gudongmen technology," this sentence stimulated me, so I have been solicited from the Internet overnight on the css Gudongmen some technical things, and have done a Gudongmen in fact, in learning technol...
Star animation, Flash production methods
Effects: <embed src=http://www.webjx.com/upfiles/20050810/20050810071215_1.swf
pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash'
type='application/x-shockwave-flash' width=550 height=400> Click here to download the source f...
FLASH ActionScript Learning: Parity judge several ways
OnMouseDown = function () ( Var n = (i =! I)? "Odd": "even"; Tap Bujingyun) I = true; OnMouseDown = function () ( I =! I; If (i == false) (n = "odd";) else (n = "even";)...