GOOGLE 의 jquery 파일

20173 단어 jquery

<script src="http://code.jquery.com/jquery-latest.js"></script> 

      {  [  ]} 
      :         34      
1、    HTTP      
               , 80%        。               、   、  、Flash 。              HTTP     。             。  
                        。                                   ?       HTTP                    。

                       HTTP     ,          CSS           。                         ,         ,                         。

CSS Sprites            。                  ,    CSS background-image background-position            ;

                  。             ,      HTTP    。                                 ,    。                    ,                 ,         ;

       data:URL scheme             。           。          (   )     HTTP                。                     。

         HTTP             。                     。  Tenni Theurer     Browser Cahe Usage - Exposed!   ,HTTP            40% 60%     。                      !

2、  DNS      
           (DNS)      IP     ,                     。            http://www.dudo.org/ ,DNS                IP  。DNS              。              IP     20 120     。                   DNS    。

        DNS          。                ,            ISP            ,                    。DNS           DNS   (  Windows   DNS Client Service)。                      。             ,                    。

     Internet Explorer      DNS          30  ,          DnsCacheTimeout。Firefox DNS          1  ,           network.dnsCacheExpiration(Fasterfox        1  )。

           DNS      (           ),DNS                 。        URL、  、    、   、Flash         。            DNS    。

                            。  DNS            ,                。                               。         DNS                       。

3、      
     301 302     。          301 HTTP :  
     HTTP/1.1 301 Moved Permanently  
     Location: http://example.com/newuri 
     Content-Type: text/html  
               Location    URL。                    ,        。       ,301 302                    , Expires  Cache-Control      。<meat />        JavaScript     URL   ,             ,            3XXHTTP    ,        “  ”         。

                   。    HTML          ,             ,   HTML          (  、Flash )      。

                                  。        URL     (/)      。  ,      http://astrology.yahoo.com/astrology  ,           301     ,     http://astrology.yahoo.com/astrology/  (       )。 Apache        Alias    mod_rewrite  the DirectorySlash   。

                              。                            (      、        )     。                  ,         。                       ,           。                        Alias mod_rewrite   。               ,        Alias   mod_rewirte  CNAME(                  DNS  )   。

4、    AJAX  
     Ajax                                          。  ,  Ajax                JavaScript XML       。      ,             Ajax     。  ,     Web Email    ,      Ajax               。    ,“  ”     “  ”,    。

           ,  Ajax       。  Ajxa                       ,         Add an Expires or a Cache-Control Header。             Ajax:  
   Gizp      
     DNS      
     JavaScript  
         
     ETags

             :  Web2.0 Email      Ajax              。          Email web                 ,  Ajax    Expire  Cacke-Control      ,                     。                           。            Ajax URL                   ,  ,&t=11900241612 。                 ,      ,                  HTTP    。          ,           URL         ,              。  
           Ajxa        ,           ,           。        Web2.0        。

5、        
                   ,    “                  ?              ?  
              onload        ,JavaScript        。  ,              JavaScript,           ,                       。            (            )                   
                  :YUI Image Loader               ,YUI Get utility   JS  CSS     。       Firebug Net      Yahoo   。  
                              。     ,                 ,   JavaScript    ,         ,             JavaScript       。          ,                      。

6、     
                       ,                  。                         (   、      )。      ,            ,                  ,            。

            :  
     :  onload   ,           。 Google.com  ,        spirit image      onload    。  spirit image   google.com        ,                。  
     :                                    。 search.yahoo.com                        。  
      :                。                      “         ,       ”。                       ,               。                             。                                     。

7、  DOM      
                         ,      JavaScript  DOM     。              500 5000 DOM              。  
         DOM                                     。             ?                <div>   ?                           。  
       YUI CSS utilities             :grids.css          ,font.css reset.css              。                   ,               <div>,                。  
     DOM           ,    Firebug       :  
document.getElementsByTagName('*').length  
            DOM      ?                 。  Yahoo!             ,       700   (HTML  )。

8、            
                                。  DNS                      2  4   。  ,       HTML         http://www.example.org/ ,        (  、  、CSS)     statics1.example.org statics.example.org 。  
   Tenni Theurer Patty Chi     Maximizing Parallel Downloads in the Carpool Lane        。

9、 iframe       
     ifrmae               HTML  。  iframe                ,      。

<iframe>  : 
                          
Security sandbox  
        
<iframe>   :

      ,         
         
      
10、    404    
     HTTP          ,    HTTP              (  404      )        ,                 。  
          404        “      ***”,                       (     )。            JavaScript          404  。  ,           ;             404                JavaScript     。

11、          
                             。            、                     。             ?  
                                              。              ,               ,        Session           。               ,              。  
        ,            80% 90%           、   、  、Flash     。           。                        ,              。          ,                  。  
           (Content Delivery Network,CDN)                  Web      ,             。                                  。  ,        (network hops)               。  
                   CDN,     Akamai Technologies,Mirror Image Internet,   Limelight Networks   CDN        。                ,      CDN     ,                    ,CDN             。 Yahoo  ,     CDN                 20%       。  CDN                              。

12、      Expires Cache-Control  
                 :  
      :         Expires   “Never expire”(    )  
      :     Cache-Control                   
                  ,                、   、   Flash。                    HTTP  ,      Expires                。                 HTTP  。Expires           ,              ,    、    Flash 。  
        (   )       HTTP                 。Web    HTTP     Expires                   。              Expires   ,            2010 4 15    。  
     Expires: Thu, 15 Apr 2010 20:00:00 GMT  
            Apache   ,    ExpiresDefault              。         ExpiresDefault        10       :  
     ExpiresDefault "access plus 10 years"  
        ,     Expires   ,                   。 Yahoo!             :             , yahoo_2.0.6.js。  
       Expires                        。                HTTP          ,           。                       “   ”            (“   ”              )。 Yahoo!         ,              75~85%  “   ”。    Expires   ,               ,                      ,                    。

13、Gzip        
           HTTP                     。  ,       、      、                         。               。    HTTP         HTTP    。  
      HTTP/1.1  ,web        HTTP    Accept-Encoding        :    
     Accept-Encoding: gzip, deflate  
       web                   ,                 。Web                 Content-Encoding       。  
     Content-Encoding: gzip  
     Gzip                。   GNU       RFC 1952     。            deflate,                 。  
     Gzip      70%     。     90%               gzip  。       Apache,gzip           :Apache 1.3  mod_zip, Apache 2.x  moflate。  
                    :                          。  ,                      。Apache            Vary               。  
                     gzip     ,              。   web      HTML  。                     ,    web          。   ,             ,  XML JSON,    。   PDF                 gzip  。    gizp             CPU           。  
     Gzip                             。

14、  ETag  
     Entity tags(ETags)(    ) web                                       (“  ”     “  ”,    、  、    )。  ETag              “last-modified date(      )”       。Etag                。                   。          ETag             ETag。  
     HTTP/1.1 200 OK  
     Last-Modified: Tue, 12 Dec 2006 03:03:59 GMT  
     ETag: "10c24bc-4ab-457e1c1f"  
     Content-Length: 12195  
       ,            ,    If-None-Match     ETag        。      ,  ETag  ,      304   ,     12195     。      GET /i/yahoo.gif HTTP/1.1  
     Host: us.yimg.com  
     If-Modified-Since: Tue, 12 Dec 2006 03:03:59 GMT  
     If-None-Match: "10c24bc-4ab-457e1c1f"  
     HTTP/1.1 304 Not Modified  
     ETag     ,                             。                                 ETag     ,                            。     ,Apache IIS       ETag ,                  。  
     Apache 1.3 2.x  ETag   inode-size-timestamp。                       ,    、  、         ,                   。  
     IIS 5.0 IIS 6.0  ETag     。IIS  ETag   Filetimestamp:ChangeNumber。 ChangeNumber    IIS     。       IIS    ChangeNumber    。         Apache IIS              ETag     ,              304  ;            200         。               ,         。                  ,    Apache  IIS     ETag  ,               ,           ,       ,                。        Expires   ,          “  ”  “  ”         GET  。  
            ETag          ,        ETag      。Last-Modified               。   ETag                   。                ETag。 Apache ,                       :  
     FileETag none

15、          
               ,        200 500        HTML  。    ,              。 PHP ,      flush()  ,              HTML           ,                 (   )           HTML  。                        。  
                       <head />  ,  HTML                CSS JavaScript  ,               HTML         。   :

     ... <!-- css, js -->  
   </head>  
   <?php flush(); ?>  
   <body>  
     ... <!-- content -->

             ,Yahoo!              。

16、  GET   AJAX    
     Yahoo!Mail    ,   XMLHttpRequest ,     POST     “   ”   :       ,       。    GET    ,         TCP (      cookie)。IE URL      2K,            2K         GET 。  
              POST   GET        。  HTTP  ,GET   “  ”  ,             GET     (         ),  ,              POST。

17、          
        Yahoo!      ,             <head />              。          <head />             。  
                           。  ,                       。                          。           ,      ,                 。       HTML        。            、   、   logo                         。            。  
                      Internet Explorer                    。                         。             。  
     HTML                 <head />   :“ <a />  ,<link />        <head />   ,          ”。                          。         HTML     <head />        。

18、    CSS   (Expression)  
     CSS        CSS     (   )  。Internet Explorer  5       CSS   。      ,  CSS                    :  
     background-color: expression( (new Date()).getHours()%2 ? "#B8D4FF" : "#F08A00" );  
    ,expression    JavaScript   。CSS    JavaScript           。expression             ,               Internet Explorer        。  
                            。             ,       、                。 CSS                      。                 10000       。  
         CSS                     ,                    ,         CSS   。                   ,         CSS          。      CSS   ,                               。

19、    JavaScript CSS  
                        。  ,                       :JavaScript CSS                         ?  
                         ,  JavaScript CSS             。   HTML    JavaScript  CSS         HTML      。      HTTP     ,    HTML     。       ,         JavaScript CSS      ,     HTTP           HTML     。  
          ,  JavaScript CSS          HTML       。        ,               。                     ,                     ,               。  
                   。        ,          JavaScript CSS        。                    , Yahoo!   My Yahoo!。            (      )    ,       JavaScript CSS                。  
                   ,                HTTP                      。             JavaScript CSS,                  ,             ,           。

20、  JavaScript CSS  
                                  。     ,     、        (  、  、tab  )     。  JavaScript ,                       。  JavaScript               JSMin YUI Compressor。YUI Compressor      CSS。  
                       。                          。     10         ,              21%,       25%。              ,    JavaScript         。  
                    ,<script> <style>              。    Gzip         ,            5%     。  JavaScript CSS         ,          。

21、 <link>  @import  
               CSS                。  
      IE ,    @import   <link>      ,         。

22、        
     IE    AlphaImageLoader    7.0       PNG        。                                 。      (      )       ,       ,           。  
           AlphaImageLoader         PNG8     ,      IE      。         AlphaImageLoader,      _filter    IE7         。

23、           
                         。HTTP/1.1     ,                    。              ,               2      。        ,               ,         。  
                          。   ,        document.write       ,          。             。     ,          。  
                        。DEFER           document.write,          。    ,Firefox    DEFER  。 Internet Explorer ,                       。         ,             。             。

24、        
                JavaScript          。              。     10                        。                         :         。          ,           HTTP      JavaScript  ,        。  
      Internet Explorer        HTTP  ,  Firefox   。 Internet Explorer ,                   ,               HTTP  。        ,               HTTP  。  
           HTTP   ,            。 Internet Explorer Firefox          ,         JavaScript   。  
                                          。 HTML     <script />              :  
     <script type="text/javascript" src="menu_1.0.17.js"></script>  
 PHP         insertScript      :  
     <?php insertScript("menu.js") ?>  
            ,                   ,                       Expire    。

25、  DOM    
       JavaScript  DOM     ,             ,    : 
              
                      
    JavaScript         
                  Julien Lecomte YUI      “   Ajax    ”。

26、            
                    ,    DOM                           。         event delegation(    )       。      div  10   ,     div             ,                。                         。  
               DOM    onload     。                      。               。  
            DOMContentLoaded     onload,                  YUI         onAvailable  。

27、  Cookie    
     HTTP coockie                   。coockie         HTTP     web              。    coockie                   。  
          Tenni Theurer Patty Chi   “When the Cookie Crumbles”。         :

      coockie  
 coockie                  
             coockie            
         。   Expire          coockie,           。  
28、         coockie    
                           coockie ,       coockie        。                      。                  coockie   。                   。  
            http://www.example.org/,    static.example.org       。  ,      http://www.example.org/        example.org   coockie,      static.example.org      coockie。      ,                     ,           coockie 。Yahoo!    ymig.com,YouTube    ytimg.com,Amazon    images-anazon.com  。  
        coockie                     (   )      coockie         。         ,          example.org  http://www.example.org/       ,     coockie     。   www      coockie   *.example.org(*      ,          dudo )       ,                  www            coockie。

29、      
                   ,          web   ,         :

         GIF                    。   imagemagick            :  
identify -verbose image.gif  
            4   ,          256     ,              。  
   GIF     PNG  ,        。            。         ,            PNG     ,           。             PNG    alpha       ,     ,GIF              。  GIF    ,PNG(PNG8)      (    )。               GIF     PNG  :  
convert image.gif image.png  
“      : PNG          !”  
    PNG     pngcrush(    PNG    )。  :  
pngcrush image.png -rem alla -reduce -brute result.png  
    JPEG     jpegtran。                      ,                           ( EXIF  ):  
jpegtran -copy none -optimize -perfect src.jpg dest.jpg  
30、  CSS Spirite

 Spirite         ,             ;  
Spirite                   ,       256     PNG8  ;  
    ,   Spirite           。                                        。100x100    1   , 1000x1000  100   。

31、   HTML       
          HTML                 。     :  
<img width="100" height="100" src="mycat.jpg" alt="My Cat" />  
      (mycat.jpg)    100x100        500x500         。

32、favicon.ico         
     favicon.ico                 。       ,             ,           ,          404 Not Found   。           ,       coockie       。              ,   IE     onload         ,favicon              。  
       ,    favicon.ico     ,   :

      ,    1K  
      (          favicon.ico   ,                 )    Expires   。        Expires            。         favicon.ico            。  
Imagemagick         favicon。

33、        25K  
              iPhone      25K   。              。    gizp        ,             。  
           ,   Wayne Shea Tenni Theurer   “Performance Research, Part 5: iPhone Cacheability - Making it Stick”。

34、           
                          Email,        HTTP         (  :HTTP       )。         ,             (iPhone    )。



좋은 웹페이지 즐겨찾기