如何才能更好的减少页面加载时间

如何才能更好的减少页面加载时间,下面提供了19中方法,仅供参考,感兴趣的朋友们可以来看一下。

1.重复的HTTP请求数量应尽量减少

       (1)减少调用其他页面、文件的数量。

  (2)精灵图

2. 在文件头部放置css样式的定义

       这项设置对于用户端是慢速网络或网页内容比较庞大的情况比较有利,可以在网页逐步呈现的同时仍会保持格式信息,不影响网页美感。

3. 在文件末尾放Javascript脚本

4. 压缩Javascript、CSS代码

5. 使用CDN(Content Delivery Network)网络加速

  现在国内做CDN加速业务的公司很多,简单讲,就是将你的图片、视频扩散到CDN网络所能到达之处,让用户访问时能就近下载到这些文件,从而达到网络提速的目的,这样做,同时能减轻你自己网站的负载。

6. 服务器启用gzip压缩功能
  将要传输的文件压缩后传输到客户端再解压,在网络传输数据量会大幅减小。在服务器上的Apache、Nginx可直接启用,也可用代码直接设置传输文件头,增加gzip的设置,也可从 负载均衡设备直接设置。不过需要留意的是,这个设置会略微增加服务器的负担。服务器性能不是很好的网站,要慎重考虑。

7. Ajax采用缓存调用
  Ajax调用都采用缓存调用方式,一般采用附加特征参数方式实现,注意其中的

8. Ajax调用尽量采用GET方法调用

  实际使用XMLHttpRequest时,如果使用POST方法实现,会发生2次HTTP请求,而使用GET方法只会发生1次HTTP请求。如果改用GET方法,HTTP请求减少50%!

9. 养成良好的开发维护习惯,尽量避免脚本重复调用

10. 缩减iframe的使用,如无必要,尽量不要使用

11. 合理使用Flush

用户端发送浏览请求后,服务器端一般要花销200-500ms去处理这些请求,在此期间,用户端浏览器处于等待状态,如果要减少用户等待时间,可以在适当的位置使用flush,将已经就绪的内容推送到用户端,这在php中很容易实现例如:

                    ... 

登录后复制

12. 避免采用301、302转向

  当浏览器、代理或搜索引擎派出的”爬虫”对某一页面或网址请求调用时,该调用页面或网址所在的网络服务器将会检查一个名为.htaccess的文件。该文件包含如何处理特定请求的指令,并在安全性上扮演关键角色。用户可对该文件进行修改,通过这个文件来通知浏览器、代理或”爬虫”,被调用页面属于临时移走 (302重定向)还是永久性移走(301重定向)。我们也可以通过网络托管服务而不是.htaccess’文件来实现301/302永久性重定向。

13. 优化图片文件 

  优化图片文件,减小其尺寸,特别是缩略图,一定要按尺寸生成缩略图然后调用,不要在网页中用resize方法实现,虽然这样看到的图片外形小了,但是其加载的数据量一点也没减少。

普通图像、icon也要尽可能压缩后,可以采用web图像保存、减少颜色数等等方法实现。

14. 当页面内容庞大到一定程度,可以采用分页的方式展现,或者taobao的那种翻页后载入方式。

15. 使用多域名负载网页内的多个文件、图片

  有资料说明,IE在网页载入过程中,在同1时刻,对同1域名并行加的HTTP请求数 量最高为2个,如果网页需要加载的文件数量超过2个(通常远远超过..),要加快网页访问速度,最好将文件分布到多个域名,例如19楼,其js文件采用独 立的域名,据说百度的图片服务器数量在20台以上。

16. css、javascript改由外部调用

       如果css、js内容比较庞大,尽量不要写到同1个页面中去,改由外部载入比较妥当,因为浏览器本身会对css、js文件进行缓存。

17. 尽可能减少DCOM元素

     尽可能减少网页中各种元素数量,例如

的冗余很严重,而我们完全可以用取代之。

18. 避免使用CSS脚本(CSS Expressions)

  有时为了要css的参数动态改变,可能会采用css expression来实现,但这样做得不偿失,会使用户端浏览器负担明显加重,所以不建议这样做,如果需要改变,可以使用Javascript脚本去实现。

19. 添加文件过期或缓存头

  对于同一用户频繁访问的图片、Js脚本文件等可以在Apache或Nginx设置其缓冲时间,例如设置24小时过期时间,这样用户在访问过该页面之后再次访问时,同一组图片或JS不会再重复下载,从而减少了HTTP请求,用户访问速度明显有所提升,同时服务器负载也会下降。

location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ 
   {   
   expires 30d;#设置30天过期  
   }  
   location ~ .*\.(js|css)?$   
   {  
   expires 1h;#设置1小时过期  
   }

以上就是如何才能更好的减少页面加载时间的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3196102.html

(0)
上一篇 2025年4月1日 02:46:32
下一篇 2025年4月1日 02:46:41

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 总结java中判断对象是否为空的方法

    我们想要判断对象是否为空,像基本类型那样判断是不可以的, ==={} ?这样是错误的,因为这只是比较引用地址是否相同,所以可以采取下面的方法来进行判断。 1.根据for…in遍历对象,如果存在则返回true,否则返回false …

    2025年5月3日
    000
  • java中创建对象的方法有几种

    一、使用new关键字 这是我们最常见的也是最简单的创建对象的方式,通过这种方式我们还可以调用任意的构造函数(无参的和有参的)。 例如: User user = new User(); 登录后复制 二、使用反射机制 运用反射手段,调用Java…

    2025年5月3日
    000
  • java方法的作用是什么

    Java语言中的“方法”(Method)在其他语言当中也可能被称为“函数”(Function)。对于一些复杂的代码逻辑,如果希望重复使用这些代码,并且做到“随时任意使用”,那么就可以将这些代码放在一个大括号“{}”当中,并且起一个名字。使用…

    2025年5月3日
    000
  • java合并有序数组的高效方法是什么

    我们先来看看原题目: (学习视频分享:java教学视频) /** *  ClassName: MergeSortArray  *  Function: 合并有序数组 *   [1, 2, 2, 5] *   [3, 4, 7, 8, 9] …

    2025年5月3日
    000
  • Workerman文档中的服务器集群实现方法

    Workerman是一个高性能的PHP Socket框架,可以使PHP更加高效地处理异步网络通信。在Workerman的文档中,有关于服务器集群实现方法的详细说明和代码示例。 为了实现服务器集群,首先需要明确服务器集群的概念。服务器集群是将…

    2025年5月2日
    000
  • Laravel监控错误的重要性及方法

    Laravel监控错误的重要性及方法 在开发Web应用程序过程中,错误是不可避免的。当用户遇到错误时,他们往往感到困惑和失望,这可能会影响他们对你的应用程序的印象。因此,在开发和部署Laravel应用程序时,监控错误并及时解决它们是至关重要…

    2025年5月2日
    000
  • 如何在Laravel中使用Head请求方法

    标题:如何在Laravel中使用Head请求方法 在Laravel中,通常我们使用GET、POST、PUT、DELETE等常见的HTTP请求方法来处理客户端的请求。但有时候我们也可能会遇到需要使用HEAD请求方法的场景。HEAD请求方法与G…

    2025年5月2日
    000
  • 解决Laravel项目中CSS文件无法加载的问题

    解决Laravel项目中CSS文件无法加载的问题,需要具体代码示例 在开发Laravel项目的过程中,有时候会遇到CSS文件无法加载的问题,这可能会导致页面样式混乱或者无法正常显示页面内容。这个问题通常是由于文件路径配置或者缓存导致的,接下…

    2025年5月2日
    000
  • 深入了解Laravel中的success方法

    当我们在使用Laravel框架开发应用程序时,经常会遇到需要在操作成功后显示提示信息的情况。在这种情况下,我们可以使用Laravel中的success方法来快速且方便地实现。本文将深入探讨Laravel中success方法的使用,包括其功能…

    2025年5月2日
    000
  • 如何在Laravel中正确使用input方法

    标题:如何在Laravel中正确使用input方法 在Laravel中,我们经常需要从请求中获取用户输入的数据,并进行验证和处理。而input方法则是一种常用的方法来获取用户输入的数据。在本文中,我们将介绍如何在Laravel中正确使用in…

    2025年5月2日
    000

发表回复

登录后才能评论