北京利美seo

如何优化网站功能?针对前后端代码框架优化

时间:2022-03-08 作者:北京利美seo 来源:互联网
CSS引用应放在HTML的题目中,JS文件引用应尽能够放在页面底部标记的前面。其次要思维是尽快显示外围页面内容。但

首先,让咱们谈谈前端优化。80%的用户访问网页的期待工夫发生在阅读器前端,尤其是页面和页面中各种元素(图片、CSS、JavaScript、flash…)的下载。因此,在许多情况下,与花费大量工夫在艰巨和简单的程序改进上相比,前端优化往往可能事倍功半。

对于初次访问您的网站但尚未将您的网站内容缓存在阅读器缓存中的用户,咱们可能执行以下操作:

1) 缩小页面访问生成的HTTP衔接数

对于初次访问您的网站的用户,页面熟成的HTTP衔接数是影响功能的要害瓶颈。

对策:

-保持页面设计尽能够简略,尽量缩小图片的利用,并经过放弃一些不必要的页面效果来缩小JavaScript的利用。

-利用一些优化技术,如应用图片的背景位移来缩小图片数量;影像地图技术;利用inlineimages将CSS图像捆绑到网页中。

-尝试合并JS和CSS文件以缩小独立文件的数量。

2) 将CSS放在页面顶部,将JS文件放在页面底部

CSS引用应放在HTML的题目中,JS文件引用应尽能够放在页面底部标记的前面。其次要思维是尽快显示外围页面内容。然而需求留意的是,对于一些利用了大量JS的页面,底部的一些JS文件能够会导致一些不可预知的成绩,可能依据实践情况适当利用。

详细来说,一些JavaScript紧缩工具用于紧缩JS脚本、删除空白字符和注释以及最小化变量名。基于gzip紧缩,JS内容的紧缩可能将功能再提高5%。

3) 尽量缩小利用外部脚本并缩小DNS查询工夫

对于网站的频繁用户,seo优化,次要的优化思维是很大限制天时用用户阅读器的缓存,以缩小服务器的开支。

4) 在题目中减少过期工夫(expiresheader)

向标头中的静态内容减少一个较长的过期工夫,以便用户将来只能读取缓存中的文件,而无需与服务器停止任何交互。但是,这样做也存在一些成绩。更新图像、CSS和JS文件时,假设用户不刷新阅读器,则无奈获得更新。这样,当咱们修正图像、CSS和JS文件时,咱们必须重命名它们,以确保用户可以访问有价值的内容。这能够会给开发带来很多费事,由于这些文件能够会被站点中的许多文件引用。Flickr提出的解决方法是经过URL重写使不同版本号的URL实践指向同一个文件,这是一种聪明的方法,由于URL级别的操作效率很高,可认为开发过程提供很多便利。

要了解缘由,您必须了解阅读器在访问URL时的工作模式:

A.初次访问URL时,用户从服务器段获取页面内容,将相干文件(图像、CSS、JS…)放入缓存,并在文件头中保留过期工夫、LastModified、ETag和其余相干信息。

B当用户反复访问URL时,阅读器首先反省缓存中能否存在同名文件。假设是,请反省文件的过期工夫;假设文件未过期,则间接从缓存读取该文件,并且不再访问服务器。

C假设缓存中文件的过期工夫不存在或已超过,阅读器将访问服务器以获取文件的题目信息,反省LastModified、etags和其余信息。假设发现自上次访问以来本地缓存中的文件未被修正,则将利用本地缓存中的文件;

依据我的阅历,假设能够的话,试着遵照这个准则为静态文件添加过期工夫,从而大大缩小用户对服务器资源的反复访问。

5) CSS和JS文件在单独的外部文件中引用

将CSS和JS文件放在单独的文件中,以便它们单独缓存,并且在访问其余页面时可能间接从阅读器的缓存中读取。有些网站的主页能够是例外。这些主页的自阅读量能够不大,但这是用户访问网站的***印象,也是疏导用户访问其余页面的起点。这些页面自身也能够利用大量Ajax本地刷新和技术。此时,CSS和JS文件可能间接写入页面中。

在ie中,蕴含反复的JS脚本将导致阅读器的缓存不被利用。细心反省你的程序。删除反复的引用脚本应该不难。

除了标头中的人工重定向之外,网页重定向通常是有意中发生的,重定向的内容不会利用阅读器的缓存。例如,当用户正在访问时,服务器将转到/经过301,后跟“/”。假设服务器配置不好,也会给服务器带来额外的累赘。经过配置Apache的别名或利用Mod_uurewrite模块和其余方法,可能尽能够避免不必要的重定向。

还有其余一些,例如利用CDN散发机制、避免CSS表达式、避免ETag等。由于它们不常用,所以这里不再反复。

通过以上优化后,可能尝试用Yslow测试网页的功能得分,普通可能达到70分以上。

当然,除了对阅读器前端和静态内容停止优化外,还对程序脚本、服务器、数据库和加载停止了优化。这些更深层次的优化方法对技术有更高的要求。本文的后半局部将重点探讨后端优化。

如何优化网站性能?针对前后端代码框架优化

如何优化网站功能?针对前后端代码框架优化

2、 后端优化

本文标签: 优化网站性能 前后端优化