Performance in Web development: About the technologies used by Google and Facebook websites, and how to pre-load CSS Sprites with images

Source: Internet
Author: User
(January 11) http://www.handandaily.com

First of all, I want to talk about the slow speed of opening the blog Park.

If you know this technology, you don't need to come in,

1. First, open the following two links: (the following links are not common images, and are non-toxic and ad-free)

Http://static.ak.facebook.com/images/sprite/icons.png? Db3
Http://www.google.com/images/nav_logo3.png

On the Google homepagebodyOfonloadThere is such a sentence:

if(document.images){new Image().src='/images/nav_logo3.png'}

Let's take a look at this.http://www.google.com/images/nav_logo3.pngWhat is it?

It is:

Css Sprites combines all css decoration diagrams on the page into a large image, and then uses the css background-image: Big image, background-position: the position x of the thumbnail in the big image, and the position y of the thumbnail in the big image

Advantage: the use of Css Sprites can improve the performance of the website. A large number of images produced in normal production mode are merged into one image, greatly reducing the number of HTTP connections. The number of HTTP connections has an important impact on the website loading performance.

According to the rules of yahoo's rules for high performance web sites, the number of HTTP requests between the Client and the Server should be reduced.

Using the CSS Sprites method to assemble multiple images into a single image can effectively reduce the number of HTTP requests.

More CSS Sprites
Http://www.handandaily.com/post/cat_8.html

  • Murdoch: China, India will reshape the world
  • Telefonica O2 CR contracts Huawei for 3G expansion
  • Huawei 'to make $ 2bn in Africa'
  • Huawei seals 3G network deal in Czech
  • Uganda Telecom signed an agreement Thursday with Huawei Technologies to expand its existing Next Generation Network
  • Huawei's Ever-Expansion Strategy May Hit a Wall, or Not
  • Huawei industry firsts usher in converged ultra broadband era for operators
  • Huawei to expand Uganda telecom's next generation network
  • Obama's remarks on China are rhetoric, some say
  • Chinese Regulators Destroy Tons of Tainted Animal Feed
  • China landslide leaves 20 dead, 42 missing
  • Guangzhou: Hotels and Fights Hard to keep VE in the Financial Crisis
  • Guangzhou: New Bus/Metro IC Card Put in Use Today
  • Guangzhou: Bird Repays Master by Eating Mosquitoes
  • Huawei pioneer in launching Professional Service Center in Jordan
  • Guangzhou Officially Acclaimed As a "National Garden City"
  • Guaungzhou to Upgrade Neighborhood Environments of Asian Games Venues
  • 500 Million US Dollars Signed between Guangzhou and Europe
  • Guangzhou: Map Shows Fancy extends ants in Xiguan
  • SKYWORTH Guangzhou Industrial Al Base Goes Into Production
  • Guangzhou to Improve Management of Professional Markets
  • Convention & Exhibition Industry in Guangzhou Draws International Attention
  • Guangzhou: Over 130,000 MERs Visited in 4-days 'yangcheng Book Exhibition
  • Guangzhou: Museum to Represent Island Life of Six Centuries Ago
  • Guangzhou: Country Life Attracts Urban Residents
  • Guangzhou: Guangzhong Allies with Russian Ural Heavy Machinery Factory
  • Guangzhou Holds Investment Cooperation Exchange in Germany
  • Second Session of Second th Canton Fair Sealed Export Deals of USD 8.31 Billion
  • Guangzhou: Cases to Go Public through Internet
  • Cantonese Opera Exhibition Hall wocould Be Built in Liwan, Guangzhou
  • Ban on Liquid not Removed at Guangzhou Baiyun International Airport
  • Guangzhou: Shiling Leather Industry Gets Boost
  • Guangzhou Gang of Airborne Thieves Arrested on Touch Down
  • Guangzhou Zengcheng Chosen as one of "National Top 10 Ecological Leisure Bases"
  • Guangzhou Police Employs 47 Police Supervisors against resume uption
  • Chigang Tower Park to Become A Memorial Park in guangzhou
  • One-hour Travel throughout Guangzhou by 2020
  • Guangzhou: Family Friend Accused of Raping 21-month-old
  • Shenzhen University: International Teachers Wanted
  • China's Canton Fair suffers drop in attendance
  • Hello Everyone. Needed some friends in Guangzhou.
  • Guangzhou Toyota keeps 210,000-unit sales goal
  • Guangzhou furniture show draws 36,34
  • BPA to present at HKPCA show in Shenzhen
  • Zhuhai plans Asia's largest pilot training facility
  • China: Brazil's Embraer present at Airshow China 2008, in Zhuhai
  • Bombardier Lands at Airshow China 2008, Zhuhai
  • China: Six dead in worst Tibet snowstorm on record, 1,700 others stranded
  • China-Britain Business councel CBBC Shenzhen
  • UK Trade and Investment In Guangzhou
  • Related Article

    Contact Us

    The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

    If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.