Dynamic Compressor 是一条前端自动优化程序,合并压缩JS CSS代码,动态编译GSS模版,动态编译LESS模版,压缩后的版本会被缓存.旨在提高响应速度,降低开发维护成本。缓存器采用LRU算法,有较为完善的内存缓存与本地缓存相结合的缓存方式,将服务器响应时间做到更高. 将CSS内的URL() 替换为绝对路径.亦可设置单独的静态文件服务器负载,减少静态文件对服务器的压力开销. 无需过多人工干涉,代码管理方便,不会破坏原有代码. GSS,LESS支持游览器断言,可以轻易的使用@if @elseif @else 来判断浏览器版本及平台,告别CSS HACK,生成有针对性的CSS代码。
前言 了解前端必备的优化内容,这作为开发的标准的话,会让我们养成好的编码风格,并做到后期优化内容更少。下边是在学习前端优化记录的笔记内容。推荐书《高性能网站建设指南》,以下只是简单介绍。 1、尽可能的减少 HTTP 请求数 前端页面初始化的时候,会在服务器下载外部文件,比如图片、js、css文件等,Http请求次数越多,消耗的时间越长,有效的将图片和js\css文件合并,减少Http的请求可以提升
概述 毫末科技的前端代码自动化的技术栈为: 制作前端组件:imgcook 前端组件文档:storybook 前端组件仓库:bit(bit.dev) 前端组件快速引入项目:xmind2code(毫末自研) + ice 组件编写规范见: 毫末xmind2code封装uniapp组件规范 其他相关技术 开源xLayers 商业Supernova 教程 imgcook 请见官方文档
JIT与GC优化 > untyped(无类型)。 JAVASCRIPT是个无类型的语言,这导致了如x=y+z这种表达式可以有很多含义。 y,z是数字,则+表示加法。 y,z是字符串,则+表示字符串连接。 而JS引擎内部则使用“细粒度”的类型,比如: 32-bit* integer。 64-bit* floating-point。 这就要求js类型-js引擎类型,需要做“boxed/unboxed(
Click 的 300ms 延迟响应 click 的 300ms 延迟是由双击缩放(double tap to zoom)所导致的,由于用户可以进行双击缩放或者双击滚动的操作,当用户一次点击屏幕之后,浏览器并不能立刻判断用户是确实要打开这个链接,还是想要进行双击操作。因此,移动端浏览器就等待 300 毫秒,以判断用户是否再次点击了屏幕。 随着响应式网页逐渐增多,用户使用双击缩放机会减少,这 300
当页面中存在多个css动画,css动画过于复杂,或者电脑性能不足时,都有可能导致动画卡顿。对css动画的优化方法都有哪些?
A curated list of Web Performance Optimization. Everyone can contribute here! Categories :memo: Articles :newspaper: Blogs :books: Books :book: Docs :movie_camera: Talks Tools Analyzers Analyzers API