一:减少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文件,这样做不利于调试

未完待续...

能直接挂在iis的动静态网站_网站优化思路总结之前端相关推荐

  1. nginx 反向代理,动静态请求分离,proxy_cache缓存及缓存清除

    一,nginx反向代理配置 #tomcat 显然就是用户访问www.wolfdream.com(需要设置本地localhost,将www.wolfdream.com指向nginx所在IP)的时候(或将 ...

  2. 强/若类型语言 动/静态语言

    弱/强类型指的是语言类型系统的类型检查的严格程度.动/静态指的是变量与类型的绑定方法. 弱类型相对于强类型来说类型检查更不严格,比如说允许变量类型的隐式转换,允许强制类型转换等等.强类型语言一般不允许 ...

  3. 【C/C++10】天气APP:MySQL/PostgreSQL,环境变量/动静态库,Linux/Oracle字符集

    文章目录 1.MySQL:decimal,find . .-print 2.PostgreSQL:$ 3.环境变量:tnsnames.ora,curl 3.1 对单一用户生效: .bash_profi ...

  4. 整合Tomcat和Nginx实现动静态负载均衡

    由于Tomcat主要用来处理动态的内容,比如jsp文件.那么静态的html/图片等资源就可以交给Nginx来处理, 期间也用到了分发. 而对于一台服务器实现动静态分离时,则需要在一台服务器上同时搭建N ...

  5. linux文件编程(2)——系统文件描述符、动静态文件、块设备介绍

    参考:linux文件编程(2)--文件操作原理简述之文件描述符.动静态文件.块设备 作者:丶PURSUING 发布时间: 2021-04-09 11:14:12 网址:https://blog.csd ...

  6. Nginx +Tomcat 实现动静态分离(转)

    Nginx +Tomcat 实现动静态分离 动静态分离就是Nginx处理客户端的请求的静态页面(html页面)或者图片,Tomcat处理客户端请求的动态页面(jsp页面),因为Nginx处理的静态页面 ...

  7. 字符设备驱动基础篇5——驱动如何操控硬件(动静态映射操作LED)

    以下内容源于朱有鹏嵌入式课程的学习,,如有侵权,请告知删除. 参考资料:http://www.cnblogs.com/biaohc/p/6575074.html 这里的映射,是指物理地址和虚拟地址的对 ...

  8. 静态ip ssh无法登录_识别动静态IP的技巧

    动态IP,又称DHCP上网,即自动获取IP上网.动态IP这种上网方式,连接网络时即可自动获取IP地址来正常上网.在未使用路由器的情况下,只需要把宽带网线连接到电脑上,电脑上的IP地址设置为自动获得,电 ...

  9. Linux系统编程25:基础IO之亲自实现一个动静态库

    本文接:Linux系统编程24:基础IO之在Linux下深刻理解C语言中的动静态库以及头文件和库的关系 文章目录 A:说明 B:实现静态库 C:实现动态库 A:说明 前面说过,库其实就是头文件和和.a ...

最新文章

  1. unity加载ab后,场景shader不起效问题(物件表现黑色)
  2. url的三个js编码函数escape(),encodeURI(),encodeURIComponent()简介【转】
  3. IntelliJ IDEA部署tomcat时Edit Configuration无artifact选项
  4. 最全面 Nginx 入门教程 + 常用配置解析
  5. WordPress的cookie处理
  6. js forEach
  7. 多个tomcat部署的端口问题
  8. mysql表名怎么拼接_mysql必知必会(一)
  9. Extjs4快速上手四——实现菜单
  10. 25个学习要点帮助你从java菜鸟成为Java高手
  11. ASP.NET中调用Excel的问题
  12. 选课系统类图与数据结构图
  13. 【MIMO通信】基于matlab空时分组编码MIMO_OFDM通信系统仿真【含Matlab源码 663期】
  14. 杰奇python采集器_【教程】【含PC和WAP源码主题】杰奇1.7+关关采集器+基于Linux小说网站+Win端Samba远程采集+可用采集规则...
  15. Transformer 真的很全能!谷歌用协同训练策略实现多个SOTA,单一ViT模型执行多模态多任务...
  16. PM2.5空气质量提醒实验
  17. JAVA_数字转大写
  18. MS Outlook接收的附件显示文件损坏,真的吗?怎么办?
  19. 02好好学习读书笔记-- 黄金思考圈
  20. 【Godot】节点的碰撞与碰撞掩码的计算

热门文章

  1. iTween基础之功能简介
  2. 中兴通讯应用之星一键手机电子书解决方案
  3. CentOS笔记:yum使用说明
  4. 浅谈设计模式01-策略模式
  5. windows server 网络负载均衡配置
  6. 什么是 XML Web Service
  7. 明天是你的生日~~~
  8. tinymce 设置和获取编辑器的内容
  9. 腾讯Android自动化测试实战3.3.2 ListView列表遍历
  10. shell实现矩阵转置