品牌网站建设4小蝌蚪,网络推广平台cpa,西安旅游必去景点推荐,wordpress重装之后打开网页#xff0c;用户最满意的时间是2-5秒#xff0c;如果用户等待超过10秒#xff0c;99%的用户会关闭这个网页。那么#xff0c;是什么原因会导致网站打开慢#xff1f;又有什么办法解决呢#xff1f;一般来说#xff0c;http请求过多、网页过大、服务器性能过差等… 打开网页用户最满意的时间是2-5秒如果用户等待超过10秒99%的用户会关闭这个网页。那么是什么原因会导致网站打开慢又有什么办法解决呢一般来说http请求过多、网页过大、服务器性能过差等等都可能导致网站打开慢。从技术层面来分享一些参考解决方法原因分析带宽不足首先想到的就是自己网速的问题但是一般网速在1M以上的打开网页一般不会是很慢的。网站服务器的带宽不够的话当大量用户访问的时候网页的加载也是很慢的这就是网络的出口端和入口端两个方面硬件配置低本机的配置也会是一方面的但是只要不是老赛扬单核512M的配置一般不会是电脑配置的问题。服务器端的配置也是同样的道理。CPU或者是内存被占满的时候打开网页很是会很慢的因为整个电脑都很慢DNS解析慢域名的解析是需要专门的域名解析服务器来完成的DNS解析包括往复解析的次数及每次解析所花费的时间它们两者的积即是DNS解析所耗费的总时间在http请求的过程中域名解析和建立连接占的时间很多。JS阻塞请求写的js代码出现问题解析就会花费很长时间这两个js请求之间会出现一个很大的空隙就会导致这段时间的资源加载都被阻塞住接受数据时间过长http请求的大部分时间应该花在后面几个阶段比如等待响应和接收数据。但是如果接收数据的时间太长了长到数百毫秒甚至以秒计算的时候那也是有问题的。这种情况一般是因为下载的内容太重了例如大图片、大脚本等。这类问题可以使用GZIP压缩、图片压缩或者JS/CSS的minify等手段来解决。加载某个资源太慢如果某个请求比其他的请求多出很多的时间那么一般情况就是某个资源的加载太慢导致了整个网页变慢原因有可能是1)资源在第三方站点上他们很慢2)这个资源太大了3)这个资源使用的域名有问题后端代码问题主要有代码冗余、数据库发生锁死、动态请求时间过长等这就需要研发RD(Research and Development)优化一切可以优化的东西了前端页面请求的资源过多onload之前如果有几百行速度自然会慢的如果请求的资源不存在那么速度将会更慢网页本身中包含了追踪或者是分析用户的工具从而导致网页的加载时间变的慢比如之前海盗湾中会给用户的电脑插入挖矿的js脚本网页内容的大小(重要)。网页文件的大小是网站是否能快速打开最重要一个因素如果说服务器等硬件方面决定不了强烈建议从这里下手不管是表格还是DIVCSS适当的优化代码都能减少网页大小。尽量优化代码用最少的代码。同时大量错误、冗余代码也是拖慢网站速度之一。大量数据库操作。小网站在执行大量数据库操作时也会影响网站打开速度这里使aspaccess结构的网站尤为明显尤其是同时有大量用户提交评论时就操作数据库锁死导致网站打不开。解决方案一、优化图片几乎没有哪个网页上是没有图片的。如果你经历过56K猫的年代你一定不会很喜欢有大量图片的网站。因为加载那样一个网页会花费大量的时间。即使在现在网络带宽有了很多的提高56K猫逐渐淡出优化图片以加快网页速度还是很有必要的。优化图片包括减少图片数、降低图像质量、使用恰当的格式。1、减少图片数去除不必要的图片。2、降低图像质量如果不是很必要尝试降低图像的质量尤其是jpg格式降低5%的质量看起来变化不是很大但文件大小的变化是比较大的。3、使用恰当的格式请参阅下一点。因此在上传图片之前你需要对图片进行编辑如果你觉得photoshop太麻烦可以试试一些在线图片编辑工具。懒得编辑而又想图片有特殊的效果可以试试用过调用javascript来实现图片特效。二、图像格式的选择一般在网页上使用的图片格式有三种jpg、png、gif。三种格式的具体技术指标不是这篇文章探讨的内容我们只需要知道在什么时候应该使用什么格式以减少网页的加载时间。1、JPG一般用于展示风景、人物、艺术照的摄影作品。有时也用在电脑截屏上。2、GIF提供的颜色较少可用在一些对颜色要求不高的地方比如网站logo、按钮、表情等等。当然gif的一个重要的应用是动画图片。就像用Lunapic制作的倒映图片。3、PNGPNG格式能提供透明背景是一种专为网页展示而发明的图片格式。一般用于需要背景透明显示或对图像质量要求较高的网页上。三、优化CSSCSS叠层样式表让网页加载起来更高效浏览体验也得到提高。有了CSS表格布局的方式可以退休了。但有时我们在写CSS的时候会使用了一些比较罗嗦的语句比如这句以下为引用的内容margin-top: 10px;margin-right: 20px;margin-bottom: 10px;margin-left: 20px;你可以将它简化为margin: 10px 20px 10px 20px;又或者这句以下为引用的内容A paragraph of decorated textSecond paragraphThird paragraphForth paragraph可以用div来包含以下为引用的内容A paragraph of decorated textSecond paragraphThird paragraphForth paragraph简化CSS能去除冗余的属性提高运行效率。如果你写好CSS后懒得去做简化你可以使用一些在线的简化CSS工具比如CleanCSS。四、网址后加斜杠有些网址比如www.kenengba.com/220当服务器收到这样一个地址请求的时候它需要花费时间去确定这个地址的文件类型。如果220是一个目录不妨在网址后多加一个斜杠让其变成www.kenengba.com/220/这样服务器就能一目了然地知道要访问该目录下的index或default文件从而节省了加载时间。五、标明高度和宽度这点很重要但很多人由于懒惰或其它原因总是将其忽视。当你在网页上添加图片或表格时你应该指定它们的高度和宽度也就是height和width参数。如果浏览器没有找到这两个参数它需要一边下载图片一边计算大小如果图片很多浏览器需要不断地调整页面。这不但影响速度也影响浏览体验。下面是一个比较友好的图片代码当浏览器知道了高度和宽度参数后即使图片暂时无法显示页面上也会腾出图片的空位然后继续加载后面的内容。从而加载时间快了浏览体验也更好了。六、减少HTTP请求数打开一个网页的时候后台程序的响应并不所需太多时间等待的时间主要花费在下载网页元素上了即HTML、CSS、JavaScript、Flash、图片等。据统计每增加一个元素网页载入的时间就会增加25-40毫秒(具体取决于用户的带宽情况)。所以想要提高网页打开速度可以降低HTTP请求数这里提供以下3种方法(1)例如用CSS代码代替一些图片(比如圆角图片)尽可能的减少图片使用。(2)合并文件对于文本文件可以直接合并内容。如将多个JavaScript文件合并成一个将多个CSS文件合并成一个。(3)优化缓存对于没有变化的网页元素(如页头、页尾等)用户再次访问的时候没有必要重新下载可以直接从浏览器缓存里读取。七、样式表放在网页Head部分把JS文件放到网页底部经过实际测试把样式表(CSS文件)移到网页的Head部分可以提高有效页面的加载速度让页面元素顺序显示。网页打开时所有元素是顺序显示的。但是由于JS具有特殊性相对其他元素而言会加载的较慢在JS文件下载完成之前其他后面元素的顺序显示将被阻塞因此把JS文件尽量放在底部意味着内容能被快速显示。八、使用CDN(ContentDeliveryNetwork内容分发网络)CDN由一系列分散到各个不同地理位置上的Web服务器组成它根据和用户在网络上的靠近程度来指定某台服务器响应用户的请求。当你的网站图片很多事就一样要使用CDN了比如现在的电商网站几乎都在使用CDN。很多CSS样式框架以及js框架都提供了CDN服务比如bootstrap等等。九、压缩网页元素显然网页中的元素越小下载所需的时间就越少。现在比较成熟和流程的压缩网页的方式是通过Gzip压缩一般可以将网页文本内容减少60%以上。十、把样式表和JS脚本放到外部文件中虽然我们可以将样式表和JS脚本直接写入网页HTML中能够减少外部文件调用数量但是这样做会增加页面的文件大小。将样式表和JS脚本放到外部文件中用户首次访问时也许会有点慢但是后续在访问网站时用户直接通过浏览器缓存就可以用从而达到减少HTTP请求数的目的为最优的做法。此外在选择服务器空间的时候要注意服务器空间的性能有时候慢并不是网站程序的问题有可能是服务器空间太差劲了不足以承担高并发。其它小技巧1、去除不必要加载项。2、如果在网页上嵌入了其它网站的widget如果有选择余地一定要选择速度快的。3、尽量用图片代替flash这对SEO也有好处。4、有些内容可以静态化就将其静态化以减少服务器的负担。5、统计代码放在页尾。6、尽量不要用一个很小的图片当背景这样做会加大客户端CPU处理时间
