随笔分类 - 前端网站性能优化

为终端配置外部网络访问权限

摘要：在根目录下/user下找到.zprofile文件，添加以下配置 function proxy_on() { export https_proxy=http://127.0.0.1:7890 export http_proxy=http://127.0.0.1:7890 export all_prox 阅读全文

posted @ 2024-02-19 10:06 艾路阅读(21) 评论(0) 推荐(0) 编辑

browserSync 工具

摘要：browserSync官网：https://browsersync.io/ browserSync这个工具，配置完成后，当保存文件后，CSS等的变化就会注入到浏览器上，而无需刷新屏幕。它还能通过WIFI将不同设备上的浏览器刷新。甚至可以同步滚动和点击。 1：install node.js. 2:in 阅读全文

posted @ 2018-02-26 11:08 艾路阅读(127) 评论(0) 推荐(0) 编辑

网站DNS劫持

摘要：DNS劫持很多情况是运营商节省跨流量结算费。运营商会在区域内的服务器中缓存一份资源，后续用户再请求的时候域名解析会到运营商的服务器上。去由运营商的服务器直接返回内容。这种情况只能使用HTTPS，假如只是在原有得域名HTTP的基础上切换HTTPS，这个域名被大量访问过，就会出现一个问题。运营商在DN 阅读全文

posted @ 2017-12-04 11:16 艾路阅读(181) 评论(0) 推荐(0) 编辑

web优化-样式表、脚本

摘要：为了避免白屏，应将样式表放在文档顶部的HEAD中。将样式表包含在文档中有两种方式：使用LINK标签和@improt规则。一个stryle块可以包含多个@import规则，但@import规则必须放在所有其他规则之前。@import规则会导致组件下载时的无序性。 “如果样式表仍在加载，构建呈现树就是一阅读全文

posted @ 2016-10-12 20:07 艾路阅读(221) 评论(0) 推荐(0) 编辑

web优化-添加Expires头以及压缩组件

摘要：因为Expires头使用一个特定的时间，它要求服务器和客户端的时钟严格同步。过期日期需要经常检查，一旦这一天到来了，还需要在服务器配置中提供一个新的日期。cache-Control使用max-age指令制定组件被缓存多久。它已秒为单位定义了一个更新窗。如果从组件被请求开始过去的秒数少于max-age 阅读全文

posted @ 2016-10-12 16:31 艾路阅读(388) 评论(0) 推荐(0) 编辑

Web优化-减少http的请求数量（前端）

摘要：使用Image maps替换多张带有超链接的图片，使用图片地图这种方式可以减少Http请求。实际使用的时，发现加载image maps图片的时间倒是很长，客户端图片地图可以使用Map标签实现操作。 css Sprites也可以合并图片，但更为灵活。css sprites是任何支持背景图片的Html元阅读全文

posted @ 2016-10-12 11:27 艾路阅读(357) 评论(0) 推荐(0) 编辑