10个技巧助您提高网站访问速度

news/2024/5/10 4:47:03/文章来源:https://blog.csdn.net/weixin_30883777/article/details/98155768

网站的访问速度和性能对用户体验来说是非常重要的。如果你的网站访问非常的慢,你不仅会失去用户,而且更可怕的是你会失去潜在的客户。像 Google这样的互联网巨头也会把网站访问速度作为排名的一个参数。因此当你需要优化网站速度时,你需要考虑方方面面,每个毫秒。这里对改进网站性能提 出一些基础和普遍的建议。

1、如果可能的话,延迟加载一些内容

可以使用Ajax来按需加载部分内容。比如一个相册,可以在用户浏览页面时先出缩略图,当用户点击了,然后异步请求原图并展示,这样用户如果只需要看几张图片,就不需要等待所有图片都加载下来。这种开发模式叫做延迟加载。
Ajax/Web开发类库如jQuery,Prototype,与及MooTools可以使得延迟加载更容易实现。

2、使用外部JS和CSS文件

当用户第一次加载网页时,浏览器会缓存住外部的CSS和JavaScript文件,所以将javascript和CSS放到外部文件比内联的会好。
使用内联CSS还会增加网页的渲染时间,让所有样式都定义在你的主CSS文件中使得浏览器渲染页面时少做一些工作,因为它一开始就知道所有需要应用的样式规则。另外使用外部javascript和css文件也有助于维护代码。

3、使用缓存系统

如果你发现网站总是连接数据库来查询产生出同样的结果,可能就需要使用缓存系统了。使用缓存的话,只需要生成一次特定的内容而不需要用户每次访问的 时候都去生成。缓存系统也会根据配置周期性的刷新缓存。你可以生成静态HTML页,以减小服务器脚本执行的开消,或者使用数据库和服务端脚本缓存系统,比 如PHP的加速器,memcached等。

4、避免在html中改变图片大小

如果一张图片原本是1280*900px的,但是你需要它显示为400*280px的,你应该用图片编辑器,如Photoshop来改变它的大小,而不是使用HTML的width和height属性。

5、不要使用图片来展示文字

图片中的文字不但对用户不友好(无法复制等),对SEO也没有好处,而且使用图片来显示文字会增加页面加载时间。如果你需要在网站中使用很多自定义的字体,可以考虑使用CSS的@font-face特性去更有效率地展现特定字体。

6、使用正确的文件格式来优化图片大小

通过选择正确的力图片格式,你可以在不损失图片质量的情况下优化图片大小。例如,除非你需要PNG提供的图片透明,否则JPG一般来说可以在较小的文件情况下逼真地显示图片。

7、优化写代码的方式

查看你的源代码,看看是否所有标签都是需要的,或是可不可以用CSS来代替。有效的书写代码不但减小HTML和CSS文件的大小,也能方便维护。

8、在文档的最后加载javascript

所有scripts都在页面最后加载会比一开始就加载好,它可以让浏览器在加载javascript前渲染所有东西。浏览器在javascript下载完之前阻塞下面的内容的加载。如果可以的话,尽量将javascript放在紧挨着body结束标签的地方。

9、使用内容分发网络(Content Delivery Network,CDN)

网站的速度和用户相对于服务器的位置有很大的关系。将内容分发到不同的地理位置可能可以缓解这个问题。使用CDN可能会增加费用,但是收益也是很明显的。

10、优化网页缓存

既然使用了缓存系统,你应该使用尽可能多的缓存技术。网页缓存是浏览器端对文件做的缓存,然后供用户之后的访问。浏览器可以缓存的内容包括CSS文件,javascript文件和图片。

除了把多个页面都用到的CSS和javascript放在一个外部文件以外,还有很多方法来保证文件缓存起到最大的作用。例如你可以设置HTTP响应头为Expires和Last-Modified来减少用户重新访问你网站时特定文件重新下载的次数。

源:http://sixrevisions.com/web-development/site-speed-performance/

转载于:https://www.cnblogs.com/webqiand/p/4315180.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_828015.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

SEO独家干货:利用外链投票模型操作新站快速排名

今年我在卢松松博客投稿了不少的干货文章,其中有一篇叫做“SEO外链算法独家揭秘”,里面提到了很多朋友或许都没有思考到的点,我一直相信,在搜索引擎优化当中,当任何一个点优化到极致,你的排名将顺从着你的极…

如何使用mkdocs搭建网站及过程中的问题记录

本文首发于GiantPandaCV公众号,未经允许,不得转载 GiantPandaCV 一直是以公众号的形式和大家见面,但现在随着分享干货的日益增多,我们不满足于公众号小小的窗口,为了方便大家快速检索自己感兴趣的知识,也为…

10设置精美的免费网站后台管理系统模板

虽然转移。但好东西不应该是沉默 原文地址:http://www.cnblogs.com/lhb25/archive/2012/10/19/10-free-html-admin-templates.html 免费下载点:http://download.csdn.net/detail/yangwei19680827/7324845 Admin Panel Template 这个后台管理模板的导航设…

python爬虫登录网站_python爬虫之scrapy模拟登录

背景: 初来乍到的pythoner,刚开始的时候觉得所有的网站无非就是分析HTML、json数据,但是忽略了很多的一个问题,有很多的网站为了反爬虫,除了需要高可用代理IP地址池外,还需要登录。例如知乎,很多…

plupload 不兼容ie8_如何处理网站兼容性

点击上方蓝字给一个关注吧 点击上方关注我们!市场上浏览器种类很多,不同浏览器的内核也不尽相同,所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种,一是渲染引擎,另一个是js引擎,内核…

ASP.NET MVC4.0+EF+LINQ+bui+bootstrap+网站+角色权限管理系统(1)

本系列的的角色权限管理主要采用Dotnet MVC4工程内置的权限管理模块Simplemembership实现,主要有关文件是InitializeSimpleMembershipAttribute.cs和AccountModels.cs 下面是对这两个文件的了解和改造 WebSecurity.InitializeDatabaseConnection("DefaultConne…

浏览器超全网站收藏夹 6000+

网上这种资源的分享特别少大家切珍惜 废话不对说直接上图自己看 分了这么多类你就知道我收藏了多少网站吧? 没错有6000左右,网上这类资源确实少之又少。所以分享了一下 大家可以前往这个地址下载,绝对赚的,很多网站都是自己一个…

百度商桥放在php网站哪里_360算命吸粉推广开户丨神马百度搜狗360开户平台

360算命吸粉推广开户丨神马百度搜狗360开户平台其实关键词分析只要合理,就可以,帐户分类就是为了随时调整和数据分析,关键词分类,也是随时调整的。第三、筛选关键词百度后台会提供关键词,也可以看百度指数。刚刚开始跑…

优化网站加载时间(GTmetrix)

首先,看下页面加载时间轴 1.URL重定向时间(Redirect duration) 包括: Redirect from a non-www to www (eg. example.com to www.example.com)Redirect to a secure URL (eg. http:// to https://)Redirect to set cookiesRedir…

获取roi内的xld_利用SEO 优化实现低成本获取高质量的流量转化

我们知道内容是网站建设的重要基础性资源,但对于一些企业而言,或者集团性的公司,在做任何项目运营的时候,都会非常关注获取高质量的流量转化的问题。 特别是精准的衡量一个内容投资回报率显得格外重要根据以往SEO的工作经验&#…

潮鞋购物网站,html5+css3+js,实现基本的添加购物车,自动计算金额等功能

项目展示效果 实现添加购物鞋数量总金额自动变化 实现连接购物车功能 实现在购物车里收藏与删除 下面是购物页面代码 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>购买精选</title><sty…

想要那种有提示声音的网站吗?我教你怎么做!

您有新的外卖订单请及时查收&#xff01;熟悉不能再熟悉的声音了&#xff0c;今天小编就做了这样一个网站的提示新订单的功能&#xff0c;接下来就教你怎么玩转这个小功能&#xff01;首先我们前端的代码是这样写的&#xff1a;var playSound function () { var borswer wind…

基于ELK 搭建网站流量可视化监控平台

2019独角兽企业重金招聘Python工程师标准>>> ELK 组成&#xff1a;&#xff1a; 通过上图我们可以看到&#xff0c;ELK 是由三个Elastic 的产品组合而成&#xff0c;分别是ElasticSearch、Logstash 和Kibana。三者之间是的部署关系如下图所示&#xff1a; Logstash …

不修改代码就能优化ASP.NET网站性能的一些方法

本文将介绍一些方法用于优化ASP.NET网站性能&#xff0c;这些方法都是不需要修改程序代码的。 它们主要分为二个方面&#xff1a; 1. 利用ASP.NET自身的扩展性进行优化。 2. 优化IIS设置。 配置OutputCache 用缓存来优化网站性能的方法&#xff0c;估计是无人不知的。 ASP.NET…

通过建站学运维1901-09任务

4.21LNMP环境介绍 什么是LNMP Linux NginxMySQL/MariadbPHP Linux就是操作系统 Nginx 是一个web服务器&#xff0c;提供HTTP服务的。之所以能够访问网站就是Nginx在起作用。 Nginx的功能&#xff1a; 接收用户请求&#xff0c;处理图片、js、css等静态请求。接收但不处理php请求…

【Web】Bootstrap框架实现简单旅游网站页面

这里主要是为了熟悉以下Bootstrap框架的简单使用&#xff0c;采用了响应式布局。 代码如下&#xff1a; <!DOCTYPE html> <html lang"zh-CN"> <head><meta charset"utf-8"><meta http-equiv"X-UA-Compatible" conte…

4.Nginx静态网站部署

Nginx是一个HTTP的web服务器&#xff0c;可以将服务器上的静态文件&#xff08;如HTML、图片等&#xff09;通过HTTP协议返回给浏览器客户端。 一、项目实例 1.进入opt目录下&#xff0c;新建static目录 2.通过Xftp将ace-master到linux服务器/opt/static目录下 为了让后面的配…

Apache下通过shell脚本提交网站404死链

网站运营人员对于死链这个概念一定不陌生&#xff0c;网站的一些数据删除或页面改版等都容易制造死链&#xff0c;影响用户体验不说&#xff0c;过多的死链还会影响到网站的整体权重或排名。 百度站长平台提供的死链提交工具,可将网站存在的死链(协议死链、404页面)进行提交,可…

Django的安装使用,以及建立本地网站

一、安装Django pip install django 完成后即可 二、pycharm 建立django 点击file ——>new project 选择django项目——>more setting填写appname 生成以下项目结构 -views.py中处理视图逻辑&#xff0c;一般为大量函数方法。一般被urls处理调用&#xff0c;收到请求&am…

看透 Spring MVC 源代码分析与实践 —— 网站基础知识

网站架构及其演变过程友情提示&#xff1a;欢迎关注公众号【芋道源码】。?关注后&#xff0c;拉你进【源码圈】微信群讨论技术和源码。友情提示&#xff1a;欢迎关注公众号【芋道源码】。?关注后&#xff0c;拉你进【源码圈】微信群讨论技术和源码。友情提示&#xff1a;欢迎…