网站制作

您当前的位置:首页 > 网站建设 > 网站制作

 湘潭网站建设|湘潭做网站|湘潭网站设计|湘潭网站建设|湘潭网站制作|湘潭网络公司|湘潭云主机|湘潭网络营销 湘潭微信服务|湘潭微信营销|湘潭微信公众号申请/认证|湘潭微网站|湘潭微信公众平台代维 湘潭网站推广|湘潭网站优化|湘潭seo优化推广|湘潭网站排名|湘潭关键词优化排名|湘潭关键词推广 湘潭软件开发|湘潭软件开发公司 湘潭在线商城制作|在线商城维护

如何提高页面加载速度

发布者:imhh     发布时间:2018-08-20

  1、控制jpg图片的质量

  由于质量高的jpg格式图片比较清晰,色彩更鲜艳,不少人就用这种图片来美化header,其实这对速度的影响是很大的。因为打开一个页面首先加载的就是header,header加载时间太长的话,很容易使第一次来的访客反感。还有一种情况是页面上的小图标,有些站长过于追求美观,于是页面上的小图标也用高质量的图片来做,这是很没必要的,怎么处理这种问题呢?请看下节。

  2、尽量使用gif格式

  刚才说到用高质量的jpg图片来做小图标,我个人很不建议这样做,jpg格式在在展示色彩丰富的大图片是效果很好,但做网页图标的话,gif才是最好的格式。因为在展示像素级的细节是,gif的效果比jpg好了不知多少倍。你可以尝试一下,截取一幅含有12px或14px文字的图,分别保存为256色的gif和质量为80的jpg,对比一下文字的显示效果,gif肯定俾jpg清晰很多,而体积却小了不少。所以,在制作小图标或带有小字体的图片时,优先使用gif格式。这里还有说到一个颜色数的问题,gif格式能显示的颜色数量最多为256色,其实对不包含大量色彩渐变的图片来说,已经是非常足够了,因此,在制作颜色比较少的gif时,尝试一下降低颜色数,只要效果能过得去就行了。

  3、如何插入装饰性图片

  这里要讲的不是简单的用img标签插入图像,用这种方法插入页面小图标等装饰性图片弊端是非常大的。首先,用img标签插入的图片不能通过简单的方法实现变换效果,在这里,美化效果要打个折扣。其次,用img插入的图片,如果图片不在浏览器缓存里,而且不重复出现的话,会大大增加http请求数。因为img标签理论上是出现一次载入一次的。其三,用img标签不利于调整图片位置,如果一个图片,需要在header靠右和footer靠左这两个位置出现两次,你就需要为它写两次css。其四,用img标签插入图片不利于整合,整合图片可以大大减少http请求数,到底整合图片有什么技巧呢?看下节。

  4、页面背景图片的处理方法

  很多人喜欢用图片做页面元素的hover变换效果,但是却没有把相关的图片整合,导致一些变换效果有事会因为图片载入失败而失色。我们可以把针对某个效果的图片都整合成一个文件,在css里用background-position属性调整图片位置。这种做法的好处是背景只需要一次http请求,图片可以重复调用,也有利于图片变换。看到这里,你知道装饰性图片应该怎么插入了吗?对,用css。




分享到:
咨询邮箱:hndns@hndns.cn  咨询服务热线:13907328139   客服电话:0731-52815678
版权所有:湘潭湘软网络科技服务有限责任公司    海内互联   备案号:湘ICP备11015150号   技术支持:海内互联
湘潭网络建设   湘潭网络公司   湘潭微信网站   湘潭手机网站