精简代码 为网站减负的年夜
现正在丰年夜量免费的图形硬件包，可用来转换图片的花式。此中像XnView许可你批处置那些文件。请记住下里两条本则：
网站直正在变化当中。若是你不再利用某组件，那就删得降与之联系闭系的CSS和JavaScript。若是它们包罗正在个零丁文件中，处置起来就会很简单。不然，你需要借助些对象，如Chrome的Audit开辟对象、 JSLint、 Dust-Me Selectors、 CSS Usage、 unused-css.com，也可构建 grunt-uncss此类的对象。
网站包罗的代码越多，更新和它所破费的就会越长。
图片的尺寸永久不克不及跨越它地点容器的最年夜值。若是网站模板的宽度最年夜为px，那图片的宽度就不克不及跨越该值。些高分辩率、Retina隐现屏，可隐现宽度为px的图片，但那仍比从相机中直接输出的图片要小。
当你有些小图象，它们仅包罗有限的几种色集，采取GIF花式，其紧缩结果大概更好。本文暂不会商向量图。
过于细笨的网站将严重影响网站的末究体验，尾要显示正在以下个圆里：
若是你感觉那些比力贫苦，也可脚动经过号令行对象将CSS文件会合正在起，如正在Windows中，可利用以下代码：
移动Web拜候正敏捷成长，移动网平易近险些占到精简代码 为网站减负的年夜所有网平易近的/。正在典范的G收集毗连下，个.Mb的网站加载需要近分钟。若是你的网站出法高效事情于那些移动装备，那采取响应式Web设计手艺又有甚么用呢？
即即是最进门级的智妙脚机上的照片机(百万像素)，其拍出来的照片常常太年夜而不适正在网站上隐现。但年夜部门内容编纂者常常将图片直接从相机中直接上传到网站上。是以，我们需要个可以主动调整图片尺寸的系统。
正在Mac/Linux中，可利用以下代码：
阅读器了每一个域中可同时处置的并收HP哀求数目：至个。若是你的网页需要从域中加载个资本，那正在最好的环境下，阅读器也需产生组并收哀求才能加载完所稀有据。(由于文件年夜小其真不同，那类环境现真上其真不会产生，但该依然开用。)
PNG撑持色彩表和位的真色。若是你不需要透明，并能控造调色板，那的PNG图象色彩形式大概紧缩得更好。
.撑持阅读器缓存
.启用GZIP紧缩
网站加载速度已被谷歌参加排名算法中。加载迟缓会下降网站排名，同时也会影响搜刮引擎优化。
幻想的环境是只具有个CSS文件(若是你利用RWD以撑持IE的老版本，那就需要两个CSS文件。)构建并几个零丁的CSS文件也算理，但正在摆设到产物办事器之前，你应当将它们集正在起，并删得降那些不需要的空缺地区。
内容来自： Quick and Easy Fixes to Reduce Page Weight
Web字体对设计停止了重年夜，削减了基于图象的字体的利用。然则，利用传统字体后，网页的代码量常常会增添数百KB。所以网站中那类字体的利用尽可能控造正在两、种之内。
.往得降不需要的字体
末究文件颠末正在线CSS紧缩对象(如 cssminifier.com、 CSS Compressor &p>其他的利用PNG花式。
网站快速加载，是供给杰出用户体验的条件。但是，网站功效的不停增多，法式包的不停痴肥，致使网站拜候时较年夜的下载量，末究影响了响应速度。出有个用户喜好期待，若何削减代码量，为网站减往过量启担，Craig Buckler正在sitepoint网站宣布了篇文章《 Quick and Easy Fixes to Reduce Page Weight》，分享为网站减负的个。下里为该文的编译内容。
正在下降网页文件年夜小圆里，图片尺寸的调整起着主要的感化。将图片尺寸缩小%，可节约%的总空间，相当于削减了文件年夜小。
.重全年夜图片的尺寸
JPG为种紧缩花式，其量量介于(量量很差、更小的文件)至(量量最好，更年夜的文件)之间。介于至之间的年夜部门图片隐现结果比力好。
.删得降出用的资本
Craig Buckler预行，网页文件年夜小将会降降。那若何精简代码，为网站减负呢？Craig Buckler给出了条。那些中触及到的手艺均是年夜家熟知的。
你可经过设置装备摆设办事器来主动完成以上事情。下里是Apache中的.htaccess文件，此中的代码真现了“将所有图片缓存个”的功效。
如若从另个域中哀求静态文件，则可以使阅读器处置的HP哀求数目加倍。另中，个文件被挪用后就会收生个缓存文件，以供下个挪用它的网站利用。我们可选用JavaScript库(如jQuery)和字体库，同时你也能够思索公用的图片托管。
，网页文件年夜小增添了%，居然到达了.Mb，包罗个HP哀求。那只是个仄均数值，此中近半的网站已跨越了那个数值。网站的过度痴肥正趋于风行，此中很年夜的责任正在于Web开辟者。
按照 WTechs.com上的数据隐现，近半的网站都未停止过紧缩。正在Web主机上，经过简单的办事器设置便可GZIP紧缩。
.利用CDN
即使已将图片调整为准确的花式和尺寸，你仍可利用些剖析和优化图象的对象前进紧缩图片。那些对象包罗 OptiPNG、 PNGOUT、 jpegtran和 jpegoptim。年夜部门对象可安拆，也可整进你构建的进程中。别的，还有些正在线对象，如Smush，它可以事情于云上。
使用以上提到的圆式，年夜部门网页文件可以减往总年夜小的~%。对般的网站，可以减得降KB的代码量，拜候速度可获明隐晋升。(编译：陈秋歌 审校：张红)
更年夜的下载量，致使更缓的用户体验。其真不是每一个人都具有M的收集毗连，特别是对那些不蓬勃地域。不管你的网站多网么优同，用户永久不希看期待。
前里提到的可以加速网站的加载速度，下里的将帮闲我们高效地削减网站的冗余代码。
若是阅读器能轻易地缓存个文件，那它就无需频频下载该文件了。真现该功效的个办理圆案，就是正在HP头中设置适的 Expires Header、前次点窜或采取的 ETags。
.前进紧缩图片
.并和紧缩CSS
Saas、LESS和Stylus等预处置器可帮你完成那些痛楚的事情。 Grunt.js、 Gulp等对象可主动化你的事情流。若是你更喜好GUI，可借助Koala供给的免费跨仄台利用。