明确目标与定位

在开始网站开发之前，一定要明确网站的目标和定位。你是想打造一个展示型网站，用于展示企业的产品、服务和文化？还是一个电商网站，用于在线销售商品？亦或是一个资讯类网站，为用户提供各类信息？

根据相关数据显示，明确目标定位的网站，其用户转化率比没有明确目标的网站高出 30%。例如，苹果公司的官方网站，目标定位非常清晰，就是展示苹果的各类产品，吸引用户购买。网站的设计简洁大方，重点突出产品的特点和优势，让用户一目了然。

原文来源于：程序员成长指北；作者：海阔_天空

如有侵权，联系删除

哈喽, 今天给大家分享:前端性能优化——首页资源压缩 63%、白屏时间缩短 86%。

随着互联网的发展，尤其是在2000年之后浏览器技术渐渐成熟，Web产品也越来越丰富，这时我们被浏览器窗口内的丰富“内容”所吸引，关注HTML/CSS，深入研究Dom、Bom和浏览器的渲染机制等，接触JavaScript库，“前端”这个职业，由此而生。

前端技术在这10多年中飞速发展，到了今天，我们可能发现“内容”的美在视觉上是有上限的，而性能的追求却是无穷无尽的，前端优化的重要性慢慢被前端工程师们发现，尤其是在如今火热的大型电子商务网站技术架构中，前端优化一定是一项必不可少的工作，今天就给大家带来顺丰旗下的跨境电商平台——丰趣海淘的前端性能优化之路。

1、如何进行前端性能优化？（必会）

1.1、减少 http请求

减少

在 JavaScript 横扫一切的年代，只要能用 JS 写的，绝对不会多看别的语言一眼。而现在，“Rust 一切”的浪潮悄然掀起，从操作系统到编译器、从命令行工具到静态站点生成器——是的，连写博客、做文档的工具也要用 Rust 重造一遍，它的名字是：Zola。

什么是 Zola？一场属于 Rust 的极简主义美学

什么是懒加载？

懒加载也叫做延迟加载、按需加载，指的是在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。在比较长的网页或应用中，如果图片很多，所有的图片都被加载出来，而用户只能看到可视窗口的那一部分图片数据，这样就浪费了性能。

如果使用图片的懒加载就可以解决以上问题。在滚动屏幕之前，可视化区域之外的图片不会进行加载，在图片进入可视区域后才加载。这样使得网页的加载速度更快，减少了服务器的负载。懒加载适用于图片较多，页面列表较长（长列表）的场景中。

提升网页加载速度的方法有很多种，用 jquery.lazyload.js 实现图片异步延迟加载，对于页面包含图片较多的网站来说，会是个不错的提升网页打开速度的方法。代码君网站栏目页列表左侧，在PC端预览时能看到一个文章略缩图展示模块，一定程度上会延长网页加载时间。所以袁程旭采用图片异步延迟加载的方法，来提升本站页面加载速度。虽然不是什么非常高大上的话题，但也是可以分享的。

图片异步加载，就是不必一次性把页面的所有图片都加载显示出来，等用户滑动滚动条到某个位置时才会加载显示相应位置的图片，这样能很好地提升网页加载速度，进一步提升用户体验。

最近摄影入魔，已经很久没有在园里写技术博文了。想想玩是不能玩物丧志，误了正业。在此分享之前在项目重构时遇到的一个技术小矛盾，希望对大家遇到类似问题时有所帮助。

lazyload

相信大家对“懒加载”都非常熟悉了，比如微信文章里的图片、电商网站的产品详情图等等。而懒加载，用得最多的插件就莫过于 jquery.lazyload.js 了，示例如下

<img src="__PIMG__/loading.gif" data-original="__IMG__/1.jpg"  />
<script src="__PJS__/jquery.lazyload.js"></script>
<script>
$("img").lazyload({effect:"fadeIn"});
</script>