• Page Speed的中英文对照


    Avoid CSS expressions 避免css表达式和滤镜 (一般)

    Combine external CSS 合并外部css文件 (比较重要)

    Combine external JavaScript 合并外部javascript文件 (比较重要)

    Defer loading of JavaScript 把javascript放到页面底部 (很重要)

    Enable gzip compression 在服务器上打开gzip压缩(gzip,deflate,bzip都可以,注意gzip_vary),apache1.x用mod_gzip,2.x用mod_deflate,nginx用mod_gzip (很重要)

    Leverage browser caching 利用浏览器缓存(能用public缓存的用public缓存,不能用的看能不能用private缓存) (很重要)

    Leverage proxy caching (利用代理服务器缓存,CDN和缓存服务器,这是必须的,可以减少你原始服务器的压力,有能让用户提高访问速度,缓存服务器软件可以用squid,varnish,nginx cache模块等等。 (很重要)

    Minify JavaScript 精简javascript。 javascript应该尽可能避免。如果无法避免,就用minify工具精简,再加服务器gzip压缩,放页面底部。我们为什么要这样打压javascript呢,因为它是页面速度慢的罪魁祸首。(一般)

    Minimize cookie size 把COOKIE的数据量减到最小。COOKIE是浏览器发给服务器的一些信息,没有必要就不要发送,这样能快一些。(一般)

    Minimize DNS lookups 减少DNS查询。很简单,DNS查询也是需要时间的,一个页面中的域名太多了,累积起来的时间也很可怕。2-4个比较合适。这条和Parallelize downloads across hostnames(让文件在多个域名里并行下载有一定的矛盾,所以域名不能太多,也不能太少) (一般)

    Minimize redirects 重定向需要时间,而且用户不需要重定向。301是给搜索引擎看的。其它的重定向没什么用。 (比较重要)

    Optimize images 优化图片,有的软件喜欢在图片里存点个人信息,用vim打开gd处理过的图片,里面就用gd版本号之类的信息,who cares。还有的图片压缩算法比较老旧,造成图片文件比较大。这些都可以通过一些工具来优化。其实最重要的是不要在页面里把大图当小图用,这样最冤,用户看着觉得图片皱巴巴的,页面下载速度又慢。 (很重要)

    Optimize the order of styles and scripts 优化样式表和脚本的顺序。head里脚本放css的前面。(一般)

    Parallelize downloads across hostnames 让文件在多个域名里下载。人多力量大,域名多了下载也会快。 (一般)

    Put CSS in the document head css放head里。 (一般)

    Remove unused CSS 没用的css就不要写进来。(一般)

    Serve resources from a consistent URL 内容相同的文件,如果他们都能缓存,最好用同样的url,走一份缓存,这样节省缓存服务器的空间,节省带宽,节省用户电脑的缓存空间,有利于环境保护。(一般)

    Serve static content from a cookieless domain 静态内容一般不需要Cookie,买一个独立域名,绑定到服务器上,让这些静态文件走这个域名,免受COOKIE骚扰之苦。 (一般)

    Specify image dimensions 在html代码里要指定图片高和宽。这样浏览器可以给图片留出空白的地。(一般)

    Use efficient CSS selectors 写css也得注意效率。这年头不单是写sql,写程序要注意效率,css也要注意,其实js也需要注意。选择器规则太复杂,浏览器处理起来也会慢。(一般)

  • 相关阅读:
    洛谷P2568 GCD
    线段树(模板)
    题解 CF1296D 【Fight with Monsters】
    图片针对父元素居中 TileImg
    npm
    echarts线图,柱状图,饼图option
    mac下修改环境变量
    input获取焦点,但不调起键盘
    mac shh 关联git仓库
    根据滚动条触发动画
  • 原文地址:https://www.cnblogs.com/wssdzf/p/3670057.html
Copyright © 2020-2023  润新知