网站打开的速度时快时慢十分影响用户的体验,那么怎么去解决这个问题呢?今天,小编给大家以下这些参考以下这些方法。
网站建设用到的图片尽量将其缩小
首先,必须要优化或压缩你的图像文件。你不能用数码相机拍张照片就直接放到网页上。必须要降低图片文件的解像率,降低图像质量,得到一个优化过的文件。上面提到的800K的图像文件,很容易就可以降低到100K以下,也没有什么可以觉察得到的质量上的损失。
可以使用Photoshop,里面已经有专为网页压缩图像文件的选项,或者网上也有其他压缩图像文件的在线工具,大家可以搜索一下。
如果网页的图片比较多,而且单个图片也比较大。那么在保证图片质量不变的情况下(清晰度),尽可能地去压缩图片大小,图片的格式尽量按照这个级别来webp > jpg > png > bmp。
在浏览器发生数据请求的时候,会带上这个标记表示这个浏览器可以接受以gzip压缩方式传输数据,不过这个功能不是所有服务器都支持的。
必须要使用网页编辑软件来做网页。微软的Word确实提供一个功能,将文件输出为HTML格式。在绝大部分情况下,这些输出文件在网站上打开也没什么问题。但问题是,这样的文件包含了大量的垃圾代码。在上面的例子里,200K的HTML文件用专用的网页编辑软件重新改一下,能轻易降到15K以下,也就是说90%全是垃圾代码。
同一个站点下面的不同页面,在网站建设时就会共用这些资源文件。那么有人就会想到能不能把这些共用的资源文件设置为可缓存的形式呢?答案是肯定可以的,不过这需要技术人员来操作。好处就是刷新或者跳转到另一个页面的时候,就可以不用再再从网络拉取相关资源,这样对于网站的速度将会大大地提高。
有些网站在建设时就设计好了不同的访问终端页面,像这种每一次重定向它都让浏览器重新发起请求,再次重新加载又会消耗更多时间。像这种问题的解决方案就是将网站建设成响应式网站,直接一个站点覆盖所有网站。
这一步骤如果不懂的话就需要网站建设的技术人员来操作。主要是查看网站css文件和js文件中是否有大量的空格和变量命名,如果有就将这些内容以及空格去除掉,那么这些css文件和js文件的大小就会被缩减,这样对网站的加载速度也是一种提升。
设想一下,把这些垃圾代码和未压缩的图像文件全加起来,你该浪费了多少带宽?又有多少用户等不下去而离开了你的网站?
下面列出几个具体的网页代码问题,有助于降低文件大小。
CSS大量减少HTML中的格式代码,并且可以作为外部文件使用,不必每次打开网页都调用这些格式文件。
浏览器在打开网页的时候,如果网页文件中包含太多的错误,浏览器需要花时间矫正这些错误。所以尽量要使用正确的标准代码。
这样浏览器可以在图像文件和表格里面的内容完全下载之前,就显示出网页,因为图像和表格的大小已经确定了,位置可以预留出来。
很炫的JS菜单,按钮,图形,音乐,动画,flash等等,这些东西有它明确的目的吗?还是就是好玩?
如果网页太长,考虑分成多个网页,这样另外一个好处就是,显得你的网页内容还多点。
不要用太多很小的图像文件,在可能的情况下,减少这些图像文件的数目。这样文件下载的时候,就不需要那么多的HTTP连接。
如果必须使用表格的话,也要尽量少用使用嵌套表格。
比如大量的空格,空行,评论等。CSS,JS等,都要放到外部文件。
总的目标是尽量减少文件大小,包括HTML文件,图片和脚本。如果能把网页上文件总大小降到30K以下就好,20K更好,如果10K以下,那就更好了。
很多网页设计师会嘲笑这样的数字,一个现代的网页还能只是20K,30K?不可能!光我那个很炫的logo就20K了。
如果能两者兼得的话,不妨可以兼顾。但如果两者不能兼得,你是选择让用户看到一个不那么炫的网页,还是让用户根本就看不到网页呢?
亚星管理平台菁思福科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
亚星管理平台菁思福科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。亚星管理平台菁思福科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信亚星官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。
责任编辑:亚星管理平台菁思福科技
版权所有:https://www.uzncsrj.com (亚星管理平台菁思福科技) 转载请注明出处