当前位置:首页 > 软件开发 > 正文内容

前端网页优化有哪些(前端如何进行网站性能优化)

abcsky883个月前 (02-09)软件开发26

本篇文章给大家谈谈

一:减少HTTP请求1:把多张图片处理成一张图片以减少HTTP请求background-image:url(a.gif);background-position:-260px -90px;width:20px;height:20px;

前端网页优化有哪些(前端如何进行网站性能优化)

可以通过如上CSS代码显示一张大图片中的某个位置2:合并脚本和样式表一个页面应该使用不多于一个的脚本和样式文件但是用什么样的办法才能使一个大型网站达到这个要求我的想法:前端开发人员可以尽可能的按自己的架构和思路开发JS和CSS文件

最后发布代码的时候通过工具把这些文件进行合并(目前暂时没有发现类似的工具,不过开发一个不难)二:为静态文件建立不同的域网络推广报价单把图片、脚本、FLASH、CSS等静态的内容放到单独的域当中去如果有资金充足可以建立多个服务器分别存储图片脚本等静态文件

如果资金欠缺可以仅把这些静态文件放到不同的域当中去之所以这样做就是为了让我们的网站有并行响应一些客户端请求的能力注意:如果是建立多个不同的服务器或者选虚拟主机提供商,如果能让及其离客户近一些最好了三:处理HTTP头中的状态码

1:Expires头如:Expires:2010-12-30 0:00:00标志着组件(js,图片等)在这个时间之前,保存在客户端的版本是有效的2:Cache-Control头如:Cache-Control:max-age=315360000

秒为单位,标志网络推广报价单着组件在这个时间段之后过期以上两种头可以同时使用,第二中是HTTP1.1中引入的如下是在IIS下给指定目录添加HTTP头的方法在IIS中选中某个网站下的一个目录,点属性,HTTP头,添加即可。

四:启用Gzip压缩Gzip压缩的应该针对的是HTML文档,JS脚本文件,或CSS样式表文件不应使用Gzip压缩图片和FLASH,因为这些文件本就是被压缩过的.(在IIS上启用Gzip压缩比较麻烦,以后有机会应开发一个工具。

)Gzip压缩耗费了CPU的执行时间而减少了网络传输流量,有得必有失但在这里90%的情况得大于失,而且效果显著给IIS启用GZIP的方法:需要在硬盘上建一个目录,并给它“IUSR_机器网络推广报价单名”这个用户的写权限。

如果压缩动态文件(PHP,asp,aspx)就不需要了,因为它的页面是每次都动态生成的,压缩完就放弃然后在IIS管理器中,“网站”上面右键-属性,不是下面的某个站点,而是整个网站进入“服务”标签,选上启用动态内容压缩,静态内容压缩。

然后选中网站下面那个服务器扩展,新建一个服务器扩展名字无所谓,下面的添加文件的路径是:c:windowssystem32inetsrvgzip.dll,然后启用这个扩展在c:windowssystem32inetsrv下面有个MetaBase.xml文件,可以用记事本打开,找到IIsCompressionScheme,有三个相同名字的段,分别是网络推广报价单deflate,gzip,Parameters,第三段不用管它,前两段有基本相同的参数,在这两段的参数HcScriptFileExtensions下面都加上一行shtml,如果你有其它的动态程序要压缩,也加在这里。

HcDynamicCompressionLevel改成9,(0-10,9是性价比最高的一个)五:将样式表放在顶部如果把CSS文件放到HTML的尾部当HTML内容全部加载完后才下载CSS文件浏览器在加载完CSS之前是不会呈现任何内容的(因为它现在还不知道如何呈现)

应该在Html文档的head标签中使用 来引用CSS文件不应该使用@import在CSS文档内部引用其他的CSS文件,这样做网络推广报价单不利于调试未完待续...

打开凤凰新闻,查看更多高清图片

扫描二维码推送至手机访问。

版权声明:本文由ZBLOG发布,如需转载请注明出处。

本文链接:http://yl-ceramics.com/post/11562.html

分享给朋友:

“前端网页优化有哪些(前端如何进行网站性能优化)” 的相关文章

关键词排名优化公司哪家强(关键词排名优化软件)

今天给各位分享 原标题:关键词优化排名,关键词优化推广排名1:关键词优化方法谷歌的搜索引擎优化(SEO)是一项艰巨的任务网络上有成千上万的网站都在争夺同一个关键词的排名如果你想要在竞争激烈的市场中脱颖而出,那么关键词优化就显得尤为重要了。 关键词优化是一个复杂的过程,它包括...

外贸网站建站多少钱(搭建外贸网站)

今天给各位分享 中国的产品将越来越有国际竞争力,跨境电商将是一条越来越有希望的道路.苦于建设网站的麻烦,影响或阻止了一些朋友的外贸进程.其实,网站的建设,加减功能和调整排版将越来越容易.只需要有人根据最新的情况,写出一份易懂的图文文档,即可. 此文章将每季更新完善,建议加个...

企业网站如何建站流程(企业网站怎么建)

本篇文章给大家谈谈 原标题:企业网站应该怎么做?建站步骤有哪些?毋庸置疑,企业网站是企业的门面和名片,决定之客户对企业的第一印象,因此,现在很多公司想做一个属于自己网站,但是不知道怎么做,更不知道从何做起,更别说做成了为了能够让大家清楚如何做一个企业网站,现在给大家分享一下企业搭建...

抖音消费卡可以多次验证吗(抖音付款卡)

今天给各位分享 原标题:2023抖音商品卡2023抖音商品卡,乔疯电商协助品牌商家及项目产品平台入驻,提供内容创意和传播等解决方案,从而促进销售达成;囊括电商、新媒体、短视频、直播、AI、SEO、SEM、社交、信息流、内容营销、全网运营等。 乔疯抖音小店是从19年抖音小店旗...

新闻营销成功案例(新闻营销成功案例分析)

本篇文章给大家谈谈 企业品牌内容营销:新闻发稿代写一站式全网营销选软文网络推广,媒介星软文发稿平台专注新闻软文发稿,软文代写,软文营销等服务,一手网络新闻媒体推广平台,多维度提供广告主和媒体编辑直线对接,为企业提供网络推广,网站建设,广告投放,软文代写、新闻源发布、软文发稿等服务为...

自媒体引流啥意思(自媒体引流是什么工作)

本文分享给大家的是: 做自媒体引流这步骤很重要,做自媒体先不要想着怎么样变现,怎么样快速获取相应的收益,自媒体收益最重要的是你要在这个领域沉淀,有足够的流量,积累,之后就很可能成为某个领域的大咖所以自媒体想要有收益“引流”这步骤尤为关键。 用户!流量!流量变现主要依靠的因素...