95期如何应用最新的技术提升页速度
平常页制作进程中,我们首先寻求的是把东西做出来,然后是做好,“好”要从几方面考量,视觉体验、交互体验等,速度和性能自是不能疏忽的。此文就给大家一些参考。
下面正文:
最近更新了我们的站,它是经过了设计上的全面验收的。但实际上,作为软件开发者,我们会重视很多技术相干的零碎的东西。我们的目标是控制性能,重视性能,未来可舒展,为站增加内容是一种乐趣。接着就来告知你,为何我们的站速度比你们的快吧(抱歉,确切是这样的)。
性能设计在我们的项目中,我们每天都会和设计师和产品负责人讨论关于平衡美观和性能的问题。对我们自己的站,这样做是很简单的。简言之,我们认为好的用户体验从快速的内容传输开始,也就意味着性能美观。
好的内容、布局、图片和交互是吸引用户的重要因素。这每一个因素都会影响页面的加载时间和终端用户体验。每一步我们都在探讨如何在取得好的用户体验和保证设计美感的同时,最小化对性能的影响。
内容优先我们想要把核心内容尽快地出现给用户,意味着我们要处理好基本的HTML和CSS。每一个页面都应当到达基本的目的:传递信息。JS、CSS、页字体、图片、站分析等优化都是位居于核心内容之下的。
可控性给理想站定义了标准后,我们总结出:要想到达预期效果,就要能对站各方面的控制都游刃有余。我们选择构建自己的静态站点生成器,包括资源传输,并且由我们自己操控。
静态站点生成器我们用实现了静态站点生成器。它是采取带有简短JSON页面描写标签的Markdown文件来生成全部站结构和它所有的资源。为了包括特殊的页面脚本,也可以附带一个HTML文件。以下是一个简单化的描写标签和markdown文件,用于博客的发布,用它来生成真正的HTML。
JSON描写标签:
{"keywords":["performance","criticalrenderingpath","staticsite","..."],"publishDate":"-","authors":["Declan"]}markdown文件:
#WhyourwebsiteisfasterthanyoursWe's,ithasa
诊断过敏性紫癜nbsp根据是什么全国最好的白癫风医院介绍病因