最近我从头开始制作了一个样本网站 [1] 。该网站的主页仅包含168KB，其中图像为138KB。因此编程内容仅包括168 - 138 = 30KB。这30KB分为：
index.html -- 14KB
style.css -- 16KB
--------------------
Total -- 30KB
现在假设不是从头开始制作网站 - 我使用框架制作它，然后除了编程内容包括的138 KB图像：
bootstrap.min.css -- 119 KB
jquery-2.2.2.js -- 253 KB
index.html -- 14 KB
styke.css -- 16 KB
-----------------------------
Total -- 402 KB
让我们打电话给从头开始WB-1和WB-2上的另一个网站。假设来自发展中国家的用户使用速度为32KB / s的2G网络或bradband尝试访问WB-1。该网站将需要将近5秒钟才能打开。来自相同国家/地区的另一个具有相同速度的用户尝试访问WB-2。打开整页需要将近17秒。所以基本上WB-2比WB-1慢3倍。不仅如此。假设WB-1由服务器S-1托管，WB-2由服务器S-2托管。还假设每月有10,000名访客访问WB-1，10,000名访问WB-2。然后S-1必须传输168 * 10000 = 1.68 GB数据，S-2必须传输568 * 10000 = 5.68 GB数据。所以现在S-2的带宽必须比S-1大5倍。
问题：
答案 0 :(得分：5)
让我们回答你的每一个问题：
使用框架会导致网站繁重并增加服务器负载吗？
框架的使用经常使网站更重（比自定义，香草代码），并不重...框架的主要问题是overbloat ....有很多代码你赢了在您的网站中使用...希望大多数框架都有自定义程序，只需添加您需要的功能。框架使用是个人选择，并且，正如每个第三方工具，经常伴随权衡，例如，您采用一个框架，将向网站添加一些Kb，但项目交付将更早，或具有更好的响应功能等。
用户代理只能下载框架使用过的框架部分吗？那假设我只使用bootstrap中的100个类而不是下载整个boorstrap.min.css，用户代理只会解析html并下载那些已在html代码中使用的类？类似地，对于jquery.js，用户代理只会下载那些已经使用过而不是下载整个jquery框架的函数吗？
快速回答，不...用户代理不会分析将要使用的内容，这适用于CSS和JS ...最接近的选项是使用框架的定制程序（所以您获取您网站的功能）。在JS区域，如果您只需要小功能，可以使用另一个类似Zepto的库，它可以满足您的需求，尺寸更小。另一个好的做法是将CDN用于第三方库。这样，用户代理就很有可能将库缓存。
svg文件是否比jpg或png文件更轻？
并非总是如此，但在大多数情况下，是的......在网页开发中，为每种情况设置正确的图像格式非常重要... SVG图像还具有可完全调整大小，在移动设备上看起来很脆的优点手机或电脑...我不仅建议使用徽标，还推荐每个矢量自然图像。
最后客户真的关心这个吗？
大多数客户担心最终项目的字节大小到期日期...大多数人会很高兴你以“最好的方式”建立它，如果你展示了更便宜和更昂贵的选择，大多数客户会更喜欢最便宜的，目前的互联网速度，这里的一些Kb不会让他们失眠。
如果您想了解一些框架定制器：
答案 1 :(得分：0)
您可以使用CDN。
Svg更轻，推荐使用logo。
在您满足要求之前，不会对客户产生任何影响。
答案 2 :(得分：0)
客户将始终关注您网站的速度，这是不可避免的事情。谷歌也担心你网站的加载时间，如果你很慢，你将在搜索中受到惩罚。
最好将图像PNG移动到SVG，这有很大的不同。 SVG具有巨大的品质并占据整个空间，其充电时间非常快。您还可以压缩JS，CSS和HTML文件。您还可以压缩图像文件
如果您的JS文件在结束标记</ body>