石家庄网站维护:网页加载缓慢怎么解决?
1、增加页面HTTP恳求数量间接理解是增加其他页面和文件的数量。
(1),我们使用css格式控制时间,经常使用后台加载大量图形文件,每个背景图像最多1个HTTP请求,为了使页面熟悉,稍微用后台加载后台图,为了改善这种情况,你可以使用css一个有用的background-position属性来加载背景图片,建议将需要经常加载的多个图像分解成单个图像,加载时,使用以下方式加载此部分图像加载的HTTP请求可以减少为一个:
(2),使用图像映射,这种方法也比较常用,但仅限于同一区域。
(3),内联图像,这种方法很少见,但它非常适合小而复杂的图像。
2、添加文件过时或缓存头关于相同的用户经常访问的图片,Js脚本文件等。您可以在Apache或Nginx中设置缓冲时间,例如,设置24小时的过时,以便当用户在访问页面后再次访问时,同一组图片或JS不会重复。下载,增加了HTTP请求,用户访问速度明显提高,服务器负载也将减少。
3、效劳器开启gzip紧缩这是每个人的理解,需求传输的内容被压缩并传输到客户端然后解压缩,因此在网络上传输的数据量将大大减少。
通常Apache,服务器上的Nginx可以间接打开这个设置,你也可以从代码的角度间接设置传输文件头,添加gzip设置,或间接从负载均衡设备,但要求是这个设置将是稍微添加服务器的负担。
4、css格式定义放置在文件头部当用户侧是慢速网络或者网页的内容相当大时,该设置更有利,并且网页可以在仍然遵守格式信息的同时逐渐出现,而不会影响网页的美感。
5、Javascript脚本放在文件末尾许多Javascript脚本执行效率低下。某些第三方域脚本可能未加载。如果您将这些脚本放在页面上,则可能导致我们网站的内容加载速度下降或无法正确加载。因此,通常将这些脚本放在网页文件的末尾,确保将脚本放在后面以便在所谓的“后加载”模式下加载,然后在加载主页面后加载它,避免影响主页的加载。速度。
6、防止运用CSS脚本(CSS Expressions)有时为了静态更改css的参数,可以使用css表达式来完成,但收益和损失是完全相同的,用户端读者将负责闪电,所以不建议,如果需求发生变化,您可以使用Javascript脚本来完成。
7、css、javascript改由内部调用如果css和js的内容很大,请尽量不要写入同一页面。最好使用内部加载,因为读者将停止缓存css和js文件。
8、运用多域名负载网页内的多个文件、图片我记得有些材料是IE正在加载网页的过程中。同时,同一域名的HTTP请求数最多为两个。如果网页加载的文件数超过两个(通常远远超过),为了减慢网络访问速度,最好将文件分散到多个域名,例如19楼。 js文件使用独立的域名。我听说百度的图片服务器号码超过20个。
9、缩减iframe的运用,如无必要,尽量不要运用iframe通常用于加载不同的域名。由于iframe内容的加载速度,这也会影响主页面的加载速度。如果可以,内容捕获的内容将被本地捕获并间接嵌入。如果加载了实际需求iframe,则通过后加载完成。
10、紧缩Javascript、CSS代码普通js和css文件中有少量空格,换行符和正文文本。这些都适合阅读。如果你可以收缩它,它将非常有利于网络传输。该领域还有许多工具。您可以保存开发版本和应用程序工具以生成消费版本。与这两个文件相比,正常的紧缩率可以达到50%以上,而且数据量的增加仍然相当可观。
11、防止脚本反复调用养成良好的开发和维护习惯,尽量避免重复调用脚本,因为重复调用脚本不仅会使网页代码看起来很臃肿,而且因为脚本文件也会延迟网页的开放速度许多。
12、优化图片文件优化图像文件,减小其大小,尤其是缩略图,确保按大小生成缩略图,然后调用它。不要在网页中使用resize方法。虽然图像看起来像这样,但数据加载了一点。没有增加。我看过已经加载到网页上的缩略图,实际大小是10M。
应该压缩普通图像和图标,可以通过Web图像存储,增加颜色数量等来完成。
13、配置ETagsETag称为实体标签。它表示实体标签。从名称来看,它是关于实体的标识符。它属于HTTP协议的一部分。也就是说,所有Web服务器都应该(并且确实)支持此功能。
它的作用是使用一个特殊的字符串来标识资源的“版本”,客户端(读取器)请求时间,可以进行比较,如果ETag是分歧的,则表示资源未被修改,客户端(Reader)可以使用我的缓存版本。
14、Ajax采用缓存调用使用它可以参考Discuz论坛代码。 Ajax调用少数应用程序使用缓存调用方法,这通常通过使用其他功能参数来完成。
但是,应提醒您注意特征参数(如下图所示)。如果参数未更改,请使用缓存文件。如果攻击发生更改,请重新下载新文件或更新信息。推荐阅读:网站打开速度优化 15、合理运用Flush客户端发送读取请求后,服务器通常花费200-500ms来处理这些请求。在此期间,客户端读者处于等待状态。如果要增加用户的等待时间,可以在适当的位置使用flush。一旦准备好将内容推送到客户端,这在php中很容易
16、Ajax调用尽量采用GET办法调用在实践中使用XMLHttpRequest时,如果使用POST方法完成,则会有2个HTTP请求,而GET方法只会发出1个HTTP请求。如果您使用GET方法,HTTP请求会增加50%!
17、尽能够增加DCOM元素这是一个很好的理解如何增加各种<>的数量。网页中的元素。这种冗余非常严重,我们可以完全取代它。
18、防止采用301重定向、302转向301是永久跳跃,302是临时跳跃,301正常情况下跳跃,少数人使用302,301跳是让百度重量从一个网站转移到另一个,302跳百度重量仍在原网站上,仅用于临时跳跃。当然,这些跳转的一般使用需要一定的时间来缓冲。如果302跳过太长,可以通过百度区分。作弊,你将成为k-station。
19、采用分页的方式展示当页面内容巨大到一定程度时,可以以分页的形式显示。也许淘宝类型的页面后加载方法可以将单页的打开速度提高到最大水平,提高页面的打开速度。
20、运用CDN(Content Delivery Network)网络减速如今,世界上有许多公司在做CDN减速业务。错综复杂地说,它是将图片和视频分发到CDN网络,以便用户在访问时下载这些文件,然后达到网络的速度。同时,它可以增加您自己网站的负载。