web优化汇总 简

Posted 2020-10-11

1，文件压缩

      javascript文件源代码可以采用混淆压缩的方式，CSS文件源代码进行普通压缩，JPG图片可以根据具体质量来压缩为50%到70%，PNG可以使用一些开源压缩软件来压缩，比如24色变成8色、去掉一些PNG格式信息等?。开启服务器端的Gzip压缩以压缩文本资源。

2，选择合适的图片

      颜色书较多：JPG颜色少：PNG?。web支持WebP：SVG

3，合并静态资源?

      包括CSS、JavaScript和小图片，减少HTTP请求。

4，使用CDN

?      或者一些公开库使用第三方提供的静态资源地址（比如jQuery、normalize.css）。一方面增加并发下载量，另一方面能够和其他网站共享缓存

5，延长静态资源缓存时间

      这样，频繁访问网站的访客就能够更快地访问。不过，这里要通过修改文件名的方式，确保在资源更新的时候，用户会拉取到最新的内容。

6，把CSS放在页面头部，把JavaScript放在页面底部

     这样就不会阻塞页面渲染，让页面出现长时间的空白。

7，把静态资源与非静态资源分开放在两个域名下?。（静态放在非主域名下）

    增加并发，减少HTTP请求中携带的不必要的cookie数据

8，减少http请求?

9，书写xhtml的时候做到结构语义化。?

10?，提高服务器的请求处理能力（后台）

      prefork和worker模式的最大区别就是，prefork的一个进程维持一个连接，而worker的一个线程维持一个连接。所以prefork更稳定但内存消耗也更大，worker没有那么稳定，因为很多连接的线程共享一个进程，当一个线程崩溃的时候，整个进程和所有线程一起死掉。但是worker的内存使用要比prefork低得多，所以很适合用在高HTTP请求的服务器上。

      近年来nginx越来越受到市场的青睐。在高连接并发的情况下，Nginx是Apache服务器不错的替代品或者补充：一方面是Nginx更加轻量级，占用更少的资源和内存；另一方面是Nginx处理请求是异步非阻塞的，而Apache 则是阻塞型的，在高并发下Nginx 能保持低资源、低消耗和高性能。

      由于Apache和Nginx各有所长，所以经常的搭配是Nginx处理前端并发，Apache处理后台请求。

      值得一提的是，新秀Node.js也是采用基于事件的异步非阻塞方式处理请求，所以在处理高并发请求上有天然的优势。

?

摘自     《WEb全栈工程师的自我修养》?