345彩票代理欢迎您的到来!

345彩票代理

网站推广12年,客户1000+

    主页 / 资讯 / 新闻 / 网站优化前端解决方案_网站SEO优化方案都在这里

网站优化前端解决方案_网站SEO优化方案都在这里

2018-05-30 16:00


网站优化离不开前后端的互相协作,但是对于前端工程师来说,在保证后端技术方案不变时,能不能只利用前端技术来优化网站呢?答案是肯定。雅虎的邮件团队总结了常用的35条网站优化最佳实践,其中就有很多实践,只要我们前端人员在日常开发过程中遵循这些实践,就可以在一定程度优化网站加载速度。

本文篇幅较长,主要内容就是网站优化的35条最佳实践,以及对每条最佳实践的说明。技术文章看起来都是很枯燥,特别对于这种篇幅较长的文章,这里先列出来有哪些实践,不是每条实践的说明都要看,才能明白这个实践的意思。

   
1.最小化HTTP请求 2.使用内容分发网络(CDN)
3.增加Expires或者Cache-Control头 4.Gzip压缩内容
5.把CSS文件放到顶部 6.把Js文件放到底部
7.避免CSS表达式 8.保持Js和CSS外部引用
9.减少DNS查询路径 10.压缩js和css
11.避免重定向 12.删除重复Scripts
13.配置Etags 14.使Ajax请求可缓存
15.尽早刷新缓存 16.使用GET方式的Ajax请求
17.延迟加载内容 18.预加载组
19.减少DOM元素数量 20.跨域分离内容
21.减少iframe 22.不要404
23.减少Cookie大小 24.内容使用没有cookie的域
25.减少DOM访问次数 26.优化事件处理
27.选择<link>而不是@import 28.避免Filter
29.优化Images 30.优化CSS Sprites
31.不要在HTML中使用过大的Images 32.favicon.ico最小化以及可缓存
33.内容保持在25K以下 34.把内容打包成一个复合文档
35.避免空的Image src  

下面就是这些实践的详细说明。

1.最小化HTTP请求

80%的终端响应时间花费在前端,这其中的大部分时间又浪费在下载页面内容上,页面内容包括图片,样式表,脚本,flash等等。减少页面内容的数量,转而就减少了渲染页面需要的HTTP请求数量。这是优化页面的关键。

减少页面内容的一种方法是简化页面设计。但是是否存在其它方法既可以用丰富的内容来构建页面,又可以获取快速的相应时间呢?下面的几种技术即可以减少HTTP请求数量,又可以支持丰富的页面设计。

合并文件是一种减少HTTP请求的方式,通过合并多个Js文件到一个Js文件,合并多个CSS文件到一个CSS文件的方式。文件合并是非常有挑战性的,因为每个页面的Script和CSS都不一样,但是如果在你的发布过程中有这个步骤确实可以响应时间。

CSS Sprites是减少图片请求首选的方法。把你的背景图片合并到一张图片中,使用CSS的background-image和background-position属性来展示期望的图片部分。

Image maps 合并多个图片到一个图片中。图片总大小是一样的,但是减少了一定数量的HTTP请求,加快了页面展示速度。只有当页面中的图片是连续的,Image maps才有用,例如导航栏。定义Image maps的坐标可能非常乏味并且也容易出错,为导航使用Image maps也不是很方便,所以不推荐这种方式。

Inline images 使用data:URL scheme把图片数据内嵌到当前页面中。这种方式会增加HTML文档的大小。把Inline images写到(缓存的)样式文件中是减少HTTP请求的同时避免增加页面大小的一种方法。Inline images还没有被所有的主流浏览器支持。

2.使用内容分发网络(Content Delivery Network,CDN)

用户跟Web服务器的距离对相应时间是有影响的。从用户的角度来说,把你的内容部署在多个地理位置分散的服务器上有利于页面加载的更快。

实施内容分发,首先不要尝试把Web应用重构成分布式架构。根据不同的应用,改变架构可能会有艰巨的任务,比如在不同的服务器之前同步session状态,复制数据库事务。这样的话应用架构这一步可能就会导致这种尝试延迟。

记住80%到90%的终端响应时间花费在下载页面内容上面:iamges,css,js,flash等等,这是性能的黄金法则。而不是以重构web应用架构的艰巨任务开始,最好首先分散静态内容。这样不仅最大化的减少响应时间,而且利用内容分发网络可以变得更简单。

内容分发网络(CDN)是分布在多个地点的web服务器的集合,可以有效的为用户分发内容。给用户分发内容的服务器是根据网络距离选择的,例如,选择拥有最少网络跳转或者最快相应速度的服务器。

服务支持

我们珍惜您每一次在线询盘,有问必答,用专业的态度,贴心的服务。

让您真正感受到我们的与众不同!

合作流程

合作流程

洛阳网站制作流程从提出需求到网站制作报价,再到网页制作,每一步都是规范和专业的。

常见问题

常见问题

提供什么是网站定制?你们的报价如何?等网站建设常见问题。

常见问题

售后保障

网站制作不难,难的是一如既往的热情服务及技术支持。我们知道:做网站就是做服务,就是做售后。