精华内容
下载资源
问答
  • 因为通过earth文件实时从网站上加载图片很慢,每次看地图细节需要20秒,很费时间,缓存可以将经常打开的地方的图片,缓存到本地,下次打开相同地方的时候,就可以读取本地图片了,加载速度大大提升 二、代码 只...

    一、为什么需要缓存

    因为通过earth文件实时从网站上加载图片很慢,每次看地图细节需要20多秒,很费时间,缓存可以将经常打开的地方的图片,缓存到本地,下次打开相同地方的时候,就可以读取本地图片了,加载速度大大提升

    二、代码

    只需要修改earth文件即可

    clear.earth

    
    <map name="ArcGIS Online" type="geocentric" version="2">
            
        <image name="arcgis-world-imagery" driver="arcgis">
            <url>http://services.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer/</url>
    		<nodata_image>http://services.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/100/0/0.jpeg</nodata_image>
    		<cache_policy usage="read_write"/>
        </image>
          
        <image name="arcgis-transportation" driver="arcgis" enabled="false">
            <url>http://services.arcgisonline.com/ArcGIS/rest/services/Reference/World_Transportation/MapServer</url>
    		<cache_policy usage="read_write"/>
        </image>
        
        <image name="arcgis-reference-overlay" driver="arcgis" enabled="false">
            <url>http://services.arcgisonline.com/ArcGIS/rest/services/Reference/World_Boundaries_and_Places_Alternate/MapServer</url>
    		<cache_policy usage="read_write"/>
        </image>
        
        <options>
            <!--Specify where to cache the data-->
            <cache type="filesystem">
                <path>./data</path>
            </cache>
        </options>
    	
    </map>
    

    主要实现缓存的代码是<options>里面的<cache>,<path>为必填项。上面<image>里面的<cache_policy usage="read_write">表示没有本地缓存的时候,打开osgearth后自动write缓存,当下一次打开osgearh时,会自动read缓存。

    这里有一个精度比上面差一点的earth文件

    map.earth

    <map name="TMS Example">
    
        <image name="metacarta blue marble" driver="tms">
            <url>http://readymap.org/readymap/tiles/1.0.0/7/</url>
        </image>
    
        <options>
            <!--Specify where to cache the data-->
            <cache type="filesystem">
                <path>./data</path>
            </cache>
        </options>
    
    </map>

     使用的时候,命令行直接用osgearth_viewer clear.earth,它会自动建立data文件夹,进行缓存

    三、生成全部缓存

    osgearth_cache --seed clear.earth 

    会自动在data文件夹下生成地球所有细节图片

    展开全文
  • Javascript和CSS文件我相信很多人对其都不陌生了,...减少Javascript和CSS文件的大小,从而提高我们网站打开速度; 如何知道是哪些css、html等文件影响了网站打开速度呢? iis7网站监控 获取严重占用加载时间的J...

      Javascript和CSS文件我相信很多人对其都不陌生了,网站大量的特性都会用到Javascript和CSS文件,如果网站做大了,这些文件也会越来越多,这些文件一多了,就要影响到网站打开得速度,怎么解决这个问题呢?减少Javascript和CSS文件的大小,从而提高我们网站打开速度;
      如何知道是哪些css、html等文件影响了网站打开速度呢?
      iis7网站监控
      获取严重占用加载时间的JS或者图片、css等html所用文件。
      当我们的网站内容多了之后,我们打开自己的网站就会非常的慢,有很多人呢就会换好的服务器,和增加带宽;其实不是这样的,不妨我通过一些优化减少占用服务器和宽带的资源,从而提高网站打开得速度;
      一、压缩html和javascript:
      使用JavaScript-HTML格式化,打开页面,压缩的文件js文件:common.js ,把js代码复制到到JavaScript/HTML格式化里面进行压缩。javascript代码压缩后,我们就把这些代码在复制到common.js文件里面,在吧这个文件上传到空间原来的位置,进行访问是否存在一些错误,如果没有什么问题说明压缩成功;
      二、压缩css文件:
      打开Css压缩/格式化页面,压缩的文件是css主文件style.css,把style.css 代码放到Css压缩/格式化里面,压缩后的css代码,把右边的代码复制到源文件style.css里面在上传到服务器空间里面,在访问一下网,看看网页样式有没有改变,如果有点变化就需要简单的调试一下,如果没有变样,说明你的css压缩成功了。

    展开全文
  • 一般来说如果一次性的载入所有需要的JavaScript代码,就会造成初始网页打开速度变慢,但是很载入的代码又并不需要使用,这种无谓的性能浪费应该予以避免。如果要动态载入JavaScript代码,可以利用DOM模型在HTML文档...
  • 站长使用虚拟主机来做网站,网页内容一旦很,网站打开速度就会特别慢,如果说服务器、带宽、CDN这类硬指标我们没有经济实力去做,不妨通过网页代码优化的方式来提高速度,卢松松总结了一些可行性的方法。...

    提高网站打开速度的7大秘籍

    很多站长使用虚拟主机来做网站,网页内容一旦很多,网站打开速度就会特别慢,如果说服务器、带宽、CDN这类硬指标我们没有经济实力去做,不妨通过网页代码优化的方式来提高速度,卢松松总结了一些可行性的方法。

    1: 缩小Javascript和CSS文件

    如果你的网站大约有50-60%的用户是第一次访客,那么这些人会下载Javascript和CSS,如果这些文件很大浏览器会下载很长时间。

    使用压缩工具可以减少Javascript和CSS尽一半的文件大小,如果你有信心使用“命令行”我强烈推荐使用雅虎的YUI压缩,至少能提高40%到60%的压缩率,如果你是在不懂可以用站长之家的CSS\JS压缩工具

    2:减少HTTP请求

    浏览器会花费80%的时间获取外部元件,包括脚本、样式表、图像等,只有20%的时间用来加载内容,每个网站都会有许多HTTP请求,由于只有2个HTTP请求可以在同一时间传送,所以请求一旦过多就会造成延迟。

    提高网站打开速度的7大秘籍

    通过Yslow可以看出我博客的HTTP请求数,可以看到JS、CSS和CSS引用的图片文件过多,导致HTTP请求过多。

    3:缓存图片、CSS和Javascript

    每当一个新用户访问你的网站,图片、CSS和Javascript应该在其浏览器缓存,这样他们下一次访问就特别快。

    绝大多数windows主机已经默认启用了,只需要在控制面板中设定过期时间和文件类型那个就可以了,我建议图片、CSS和Javascript时间可设置为一个月。而对于Apache Web服务器,使用mod_cache模块开启缓存。:

    4:合并CSS引用图片

    如图一所示,很多网站的图片都是切成小块的,这样下来就会有大量CSS引用图片,如卢松松博客的CSS就引用了14张图片,cssimages也是影响网站速度的一种重要因素。

    如果我们把CSS图片合并成一个,14个HTTP请求变成1个,想想会是什么效果?它的原理就是通过CSS坐标的方式取得图片径路,每个CSS标签引用不同坐标就会得到不同图片。我们看到很多网站的CSS图片只有一张,用的就是这个原理。

    不懂也没有关系,CSS图片合并生成器这个网站能帮助你合并CSS图片,并且能得到相应代码。

    5:只加载<head>部分的基本脚本

    这个最简单,不花时间,点击自己网站右键“查看源文件”找到<head>与</head>之间的区域,看看那些不重要好的JS文件,把它仍到页面底部,也就是让它最后加载。或者直接删除。

    例如卢松松博客引用的jiathis(社会化分享按钮)和util.js(回顶部、写评论快捷标签),让它最后加载,这样能提升内容打开速度,而且它们也不太重要。

    6:对图像进行压缩

    除非你加载视频,那么影响网站速度罪魁祸首应该就是图片了,如果是jpeg、png图片,保证不失品质的前提下,让他们尽量压缩,Fireworks软件“导出向导”功能,它提供了一个很好的方式来预览保存的图像,让图片大小与质量之间平衡,大多数其他图像编辑软件都有类似的功能。

    例如我的每篇博文配图都用了“导出向导”功能,我尽量把图片都压缩在30K以内,在一定程度上加快了浏览速度,但也有部分图片失真,看不清楚。

    7:开启gzip模块

    gzip压缩是非常流行的一种数据压缩格式,一般网站启用gzip后,压缩率都会有70%-80%的提升,效果是立竿见影的。

    部分虚拟主机默认有gzip功能,但大部分没有,独立主机、VPS一般可以设置,开启gzip会加重服务器负担,而且要修改服务器配置,强烈建议大家开启gzip,如果不清楚可以问问所在空间商,让他们帮忙开启。

    展开全文
  • 如果一次载入所有需要的JavaScript代码会造成初始网页打开速度变慢,而且很载入的代码并不需要使用,这种无谓的性能浪费应该 避免。如果要动态载入JavaScript代码,可以利用DOM模型在HTML文档中添加<script>...

    如果一次载入所有需要的JavaScript代码会造成初始网页打开速度变慢,而且很多载入的代码并不需要使用,这种无谓的性能浪费应该 避免。如果要动态载入JavaScript代码,可以利用DOM模型在HTML文档中添加<script>结点,并将此结点的src属性(即 外联 Javascript文件)设置为需要动态载入的JavaScript代码。


    下面是一个完成这样功能的例子。

    (1)、新建JsLoaderTest.html文件

    Java代码 复制代码 收藏代码
    1. <html xmlns="http://www.w3.org/1999/xhtml">  
    2. <head>  
    3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
    4. <title>按需载入JavaScript代码的例子</title>  
    5. <script type="text/javascript">  
    6.     function JsLoader(){  
    7.   
    8.    this.load=function(url){  
    9.             //获取所有的<script>标记  
    10.             var ss=document.getElementsByTagName("script");  
    11.             //判断指定的文件是否已经包含,如果已包含则触发onsuccess事件并返回  
    12.             for (i=0;i<ss.length;i++){  
    13.                 if (ss[i].src && ss[i].src.indexOf(url)!=-1){  
    14.                     this.onsuccess();  
    15.                     return;  
    16.                 }  
    17.             }  
    18.             //创建script结点,并将其属性设为外联JavaScript文件  
    19.             s=document.createElement("script");  
    20.             s.type="text/javascript";  
    21.             s.src=url;  
    22.             //获取head结点,并将<script>插入到其中  
    23.             var head=document.getElementsByTagName("head")[0];  
    24.             head.appendChild(s);  
    25.              
    26.             //获取自身的引用  
    27.             var self=this;  
    28.             //对于IE浏览器,使用readystatechange事件判断是否载入成功  
    29.             //对于其他浏览器,使用onload事件判断载入是否成功  
    30.             //s.οnlοad=s.onreadystatechange=function(){  
    31.             s.οnlοad=s.onreadystatechange=function(){  
    32.                 //在此函数中this指针指的是s结点对象,而不是JsLoader实例,  
    33.                 //所以必须用self来调用onsuccess事件,下同。  
    34.                 if (this.readyState && this.readyState=="loading") return;  
    35.                 self.onsuccess();  
    36.             }  
    37.             s.οnerrοr=function(){  
    38.                 head.removeChild(s);  
    39.                 self.onfailure();  
    40.             }  
    41.         };  
    42.         //定义载入成功事件  
    43.         this.onsuccess=function(){};  
    44.         //定义失败事件  
    45.         this.onfailure=function(){};  
    46.     }  
    47.      
    48.     function btnClick(){  
    49.             //创建对象  
    50.         var jsLoader=new JsLoader();  
    51.      
    52.         //定义载入成功处理程序  
    53.         jsLoader.onsuccess=function(){  
    54.              sayHello();  
    55.         }  
    56.      
    57.         //定义载入失败处理程序  
    58.         jsLoader.onfailure=function(){  
    59.              alert("文件载入失败!");  
    60.         }  
    61.      
    62.         //开始载入  
    63.         jsLoader.load("hello.js");  
    64.     }  
    65.   
    66. </script>  
    67. </head>  
    68.   
    69. <body>  
    70. <label>  
    71. <input type="submit" name="Submit" onClick="javascript:btnClick()" value="载入JavaScript文件">  
    72. </label>  
    73. </body>  
    74. </html>  
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>按需载入JavaScript代码的例子</title>
    <script type="text/javascript">
        function JsLoader(){
    
       this.load=function(url){
                //获取所有的<script>标记
                var ss=document.getElementsByTagName("script");
                //判断指定的文件是否已经包含,如果已包含则触发onsuccess事件并返回
                for (i=0;i<ss.length;i++){
                    if (ss[i].src && ss[i].src.indexOf(url)!=-1){
                        this.onsuccess();
                        return;
                    }
                }
                //创建script结点,并将其属性设为外联JavaScript文件
                s=document.createElement("script");
                s.type="text/javascript";
                s.src=url;
                //获取head结点,并将<script>插入到其中
                var head=document.getElementsByTagName("head")[0];
                head.appendChild(s);
               
                //获取自身的引用
                var self=this;
                //对于IE浏览器,使用readystatechange事件判断是否载入成功
                //对于其他浏览器,使用onload事件判断载入是否成功
                //s.οnlοad=s.onreadystatechange=function(){
                s.οnlοad=s.onreadystatechange=function(){
                    //在此函数中this指针指的是s结点对象,而不是JsLoader实例,
                    //所以必须用self来调用onsuccess事件,下同。
                    if (this.readyState && this.readyState=="loading") return;
                    self.onsuccess();
                }
                s.οnerrοr=function(){
                    head.removeChild(s);
                    self.onfailure();
                }
            };
            //定义载入成功事件
            this.onsuccess=function(){};
            //定义失败事件
            this.onfailure=function(){};
        }
       
        function btnClick(){
                //创建对象
            var jsLoader=new JsLoader();
       
            //定义载入成功处理程序
            jsLoader.onsuccess=function(){
                 sayHello();
            }
       
            //定义载入失败处理程序
            jsLoader.onfailure=function(){
                 alert("文件载入失败!");
            }
       
            //开始载入
            jsLoader.load("hello.js");
        }
    
    </script>
    </head>
    
    <body>
    <label>
    <input type="submit" name="Submit" onClick="javascript:btnClick()" value="载入JavaScript文件">
    </label>
    </body>
    </html>


    (2)、新建hello.js文件,包含如下代码:

    Java代码 复制代码 收藏代码
    1. // JavaScript Document  
    2. function sayHello(){  
    3.     alert("Hello World!成功载入JavaScript文件");     
    4. }  
    // JavaScript Document
    function sayHello(){
        alert("Hello World!成功载入JavaScript文件");   
    }

    转载于:https://www.cnblogs.com/ranzige/p/3822276.html

    展开全文
  • 作为站长的我们都清楚,网页的打开速度十分重要,如果网页打开时间超过8秒,那么访客将减少60%。所以,我们需要对网页进行优化,以便能够达到最佳的用户体验。 下面是18条网站加速方法: 1、减少HTTP请求 ...
  • 我想大家都接触过Javascript和CSS吧,...减少Javascript和CSS文件的大小,从而提高我们网站打开速度; 如何知道是哪些css、html等文件影响了网站打开速度呢? iis7网站监控 获取严重占用加载时间的JS或者图片、...
  • 网站打开速度如果太慢,可能很多人都会受不了了,这不仅仅会影响浏览体验,而且也会错失很商机。 很时候,获取严重占用加载时间的JS或者图片、css等html所用文件,再把这些文件进行压缩处理,就可以大大提高...
  • 网页的加载速度直接影响到用户的体验,尤其是对于新用户,这种影响... IIS7网站监控 可以获取严重占用加载时间的JS或者图片、css等html所用文件帮助提升网站打开速度。 通常情况下,需要等网页的所有内容加载出...
  • 我们都清楚,网页的打开速度十分重要,如果网页打开时间超过8秒,那么访客将减少60%。所以,我们需要对网页进行优化,以便能够达到最佳的用户体验。 下面是18条网站加速方法: 1、减少HTTP请求 图片、css、...
  • 站长使用虚拟主机来做网站,网页内容一旦很,网站打开速度就会特别慢,如果说服务器、带宽、CDN这类硬指标我们没有经济实力去做,不妨通过网页代码优化的方式来提高速度,卢松松总结了一些可行性的方法。...
  • 怎样提高读取文件速度

    千次阅读 2009-12-02 18:04:00
    在读取文件时怎样做才能提高读取文本文件速度呢? 个人目前只是想到: 1。read时读到大缓冲区,减少io次数。 2。起个线程,分段读取。能否实现个线程读时线性提高速度呢?我试了一下,不是很理想。我的做法是...
  • 通过IDM提高QQ群文件下载速度

    千次阅读 2018-07-17 16:05:29
    学习网络安全经常是在QQ群里和朋友们沟通交流,群文件中很有用的工具或资料内容,小文件的下载比较方便,要是有1G以上的大文件就有些麻烦,速度往往只有100k左右,等着着急,这里分享一个小技巧。 软件:IDM下载...
  • 我们都清楚,网页的打开速度十分重要,如果网页打开时间超过8秒,那么访客将减少60%。所以,我们需要对网页进行优化,以便能够达到最佳的用户体验。 下面是18条网站加速方法: 1、减少HTTP请求 图片、css、...
  • 朋友都用虚拟主机来做网站,将网页文件存放在虚拟空间上,但是页面内容一,网站打开速度就显得特别慢,如果您碰到这种情况,与其寻求更好的空间,不如通过优化网页代码来取得满意的速度。笔者总结了一些...
  • 站长使用虚拟主机来做网站,网页内容一旦很,网站打开速度就会特别慢,如果说服务器、带宽、CDN这类硬指标我们没有经济实力去做,不妨通过网页代码优化的方式来提高速度,卢松松总结了一些可行性的方法。...
  • 朋友都用虚拟主机来做网站,将网页文件存放在虚拟空间上,但是页面内容一,网站打开速度就显得特别慢,如果您碰到这种情况,与其寻求更好的空间,不如通过优化网页代码来取得满意的速度。笔者总结了一些...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,040
精华内容 416
关键字:

多文件提高打开速度