1、优化html代码
优化html代码，基本做法是去掉很多不必要的字符，例如去掉注释部分、去掉空行等。
还有更重要的是html代码的书写问题。用最少的代码实现需求，是一个html程序员必须永远追求的境界。举个很简单的例子，假如你对网页表格宽度的定义，是在每个表格里都用“width="***px"”，那么你的写法虽然能实现要求，但是总体看来是比较低效的。你完全可以用css全局定义一下table{width:***px}。这样处理，你的代码就会减少很多，简洁很多，进一步说，你的网页体积就会减少，网页打开时间就会减少，网页流量就会减少。
优化html代码，当然少不了gzip压缩，通过gzip压缩，代码的传输量会减少60%以上！这是控制流量最值得推荐也是最应用广泛的方法。你的网站启用了gzip吗？立即在线检测gzip压缩看看。如何启用网站的gzip压缩功能？
所以，优化html代码，无论是对于网页流量的控制还是网页打开时间的控制，都是非常重要的。不过你如果用的是现成的程序模版，基本是不用怎么优化html了，开发者多在这方面下了很大功夫，做得已经很优秀的了。
2、优化flash
flash体积一般比较大，这里谈的优化flash，并不是说如何去做体积更小的flash，而是站长对flash的取舍问题。一张网页，如果放太多的flash文件，网页体积就会变得非常之大，网页打开速度会变得比较慢，网页流量却会增加得很快。
所以，网页应尽量少用，最好不用flash文件。
3、优化图片
图片是网页的重要组成部分，一张网页如果没有图片就会变得太过沉静，很影响网页美观，也影响用户感受。但是一张网页如果图片数量过多或体积过大，就会严重影响下载速度和打开时间，再就是，它会让你的网页流量增长迅速，这对于受月流量限制的空间来说，简直就是个噩梦。
所以，网页除了使用很必要的图片外，其他不相干的图片应尽量不用。一部分人使用图床来控制空间流量，这样做是个办法，但不可否认会导致网页的打开时间增多和速度减慢的问题。
因此，我认为图片最好是在正式放到空间使用前，做个压缩优化。webkaka的图片在线压缩优化工具，给大家提供了一个便利，经测试，部分图片的无损压缩比达到90%以上！换句话来说，50k的图片经过无损压缩后，只有5k！
4、优化css
优化css，主要是从代码出发，删除多余的字符，从而达到压缩优化的目的。webkaka的css在线压缩优化工具，能使部分css代码压缩比达到30%以上。使用压缩优化过css文件，可以减少网页的总体积，从而减少浏览网页时产生的流量。这是控制网页流量的一个手段。
5、优化js
与优化css一样，主要是从代码出发，删除多余的字符，从而达到压缩优化的目的。webkaka的js在线压缩优化工具，能使js代码压缩比达到20%以上。
总结
网站空间月流量超标，是站长不愿看到的事，但是换另一个角度来看，网站流量超标，不就说明了网站流量提升了么？这应该事个值得庆贺的事！而对于本文提到的控制网页流量的方法，其实只能是治标不治本，最好的做法是用个没有月流量限制的空间，那样，你可以腾出更多的时间去做网站内容，而不用再去担心网站流量的问题。
image-conversion 是一个简单易用的 JS 图片转换工具，提供了多种 Image、Canvas、File 和 dataURL 之间的转换方法。 另外，image-conversion 可以指定大小来压缩图片。 1、将图像压缩到 200kb： 2、以 0.9 的质量压缩图像 image-conversion 提供了多种方法来实现 Image、Canvas、File 和 dataURL 之间的转换，如下： 1、imagetoCanvas(image[, config]) {Promise(Canvas)} 将图像对象转换为画布对象。 2、dataURLtoFile(dataURL[, type]) {Promise(Blob)} 将 dataURL 字符串转换为 File(Blob) 对象，相当于把画布的内容转换成blob，type可以设置最终图片的格式。 type的值可以为："image/png", "image/jpeg", "image/gif" 3、compress(file, config) {Promise(Blob)} 压缩文件（Blob）对象。 4、compressAccurately(file, config) {Promise(Blob)} 根据大小压缩文件（Blob）对象。 5、canvastoDataURL(canvas[, quality, type]) {Promise(string)} 将 Canvas 对象转换为 dataURL 字符串，该方法可以进行压缩。 6、canvastoFile(canvas[, quality, type]) {Promise(Blob)} 将 Canvas 对象转换为 Blob 对象，此方法可以进行压缩。 7、dataURLtoImage(dataURL) {Promise(Image)} 将 dataURL 字符串转换为图像对象。 8、downloadFile(file[, fileName]) 下载图片到本地。 9、filetoDataURL(file) {Promise(string)} 将 File(Blob) 对象转换为 dataURL 字符串。 10、urltoBlob(url) {Promise(Blob)} 通过图像 url 加载所需的 Blob 对象。 11、urltoImage(url) {Promise(Image)} 通过图片 url 加载所需的 Image 对象。 觉得效果不错的请帮忙加个关注点个赞，经常分享前端实用开发技巧1. 将你的JS文件进行压缩，百度一下，工具一把2. 服务器端开启gzip压缩
3. 如果你是3个单独的JS，那么你可以合成1个文件，减少请求次数
4. 将你的<script>标签写在页面底部<body>标签结束之前
5. 检查你的js中是否存在特别耗时的逻辑，因为脚本加载时阻塞式的，它会加载完并执行完之后，才会加载其它资源，因此慢并不一定是文件大，也可能是文件执行花了很长时间
6. 如果还是觉得很慢，你可以使用动态加载，不要直接在页面中写<script>标签，而是动态创建一个<script>将该脚本引进来，这样的加载方式是非阻塞式的，不会影响其它资源加载。
7. 上面方法全用了，还是觉得很慢，那你应该检查你的服务器和网络情况，因为按理来说100多kb的脚本不至于慢到不可接受的地步。
8. 将页面中的资源分散到多个一级或二级域名，因为浏览器对同一个域名同时加载的资源数量是有限制的
9. 如果你还是觉得很慢，那就玩些高级玩意儿吧（如使用CDN加速等）
10. 上面方法都试过，还是不奏效？那我也没辙了，除非能现场分析。
