求求大神帮忙把图片涂鸦了的地方弄掉优化下图片

在 SegmentFault,学习技能、解决问题
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
如图所示,中间那张图是我们官网的加载时间线(已经去掉了每次的缓存),上下两张是其它网站做为对比的。我发现我们网站加载类似大小的图片所花费的时间较长,甚至有十倍之多,请问这是前端的问题还是服务器带宽的问题,如何优化加载速度呢?另外,我们公司官网加载速度确实很慢,老板让我做优化,请问各位有没有前端速度优化的方法提供一下,我自己研究使用,非常感谢。
各位大神可以帮小弟分析一下我们官网的问题吗,关于加载速度,图片压缩大小方面的,网址上面有了,非常感谢。
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
图片优化,无非压缩、合并、CDN、缓存、延时加载、独立域名
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
看看google的这个
优化网站的所有相关资料看这个:
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
1.走动态资源和静态资源分离,
图片走,img.test.com/image/logo.png
css走,css.test.com/css/index.css
js走, js.test.com/js/index.js
2.图片全部采用CDN解析,缓存住
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
从你的截图可以看出网站的所用图片太大,需要压缩,另外小的一些图片可以做成雪碧图或者直接生成base64编码嵌入网页中,还有现在在网站上可以使用webp,不过这个貌似在移动端用的多,你可以看看
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
可以试试七牛图片处理
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
大的图片最好压缩一下,小图片可以放在一个雪碧图上边用,一般都是200k以内比较好
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
图片大了,可以试着把图片放到阿里OSS或者七牛上
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
快慢永远是相对的,建议检查以下:1、压缩图片、js、css,色彩较少的建议用git格式2、开启服务器的gzip、open-cache3、有条件时,可以把不需要程序渲染的文件加入CDN4、根据具体的业务需求,可以考虑异步加载图片,避免影响用户操作5、如果做了多级nginx代理,建议在对外的nginx服务中开启静态资源缓存,避免每次去子服务器获取6、根据具体业务需求,考虑页面是否确实需要加载这么多图片
优化网站性能,需要前后端同时考虑,甚至包括设计。
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
可以采用动态添加的方式,先让图片容器加载一个动效,css就可以实现一个loading,然后设置几秒之后动态添加一个图片地址,new IMage的方式添加地址,据说效果不错,你可以试试,关键是图片你得处理一下,你那图片有点大
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
我的网站也是,这和带宽和服务器空间都有影响;然后可以设缓存和图片压缩;
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
图片应该怎么压缩?网站打开速度太慢
www.risingfly.com
该答案已被忽略,原因:
同步到新浪微博
分享到微博?
关闭理由:
删除理由:
忽略理由:
推广(招聘、广告、SEO 等)方面的内容
与已有问题重复(请编辑该提问指向已有相同问题)
答非所问,不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因(请补充说明)
我要该,理由是:
在 SegmentFault,学习技能、解决问题
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。客服热线:400-995-7855
当前位置:&&&
图片优化须知的8个小技巧
& 17:09&&来源:互联网&
  如果你运营在线商城又或是大型电商网站,图片优化是你必须要掌握的。不仅仅是从吸引潜在消费者,还是增加图片搜索流量,又或是提升网站加载速度,图片优化扮演者非常关键的角色。但说到图片优化,很多传统意义上的SEO人会说,图片要加alt标签,图片要压缩&这样的粗线条显然是不行的。今天我就和大家深入分享一下图片优化必须了解的8个知识点。
  1. 用结构化数据写产品图片ALT
  我们很容易使用照相机默认的图片编号当做图片们的命名,这样的话对于搜索引擎来说,可能就没有办法辨识图片的内容,从而我们就失去了从图片搜索那块儿带来的流量,这是非常可惜的,特别是当你的产品有数以万计的话。通常我们可以制定结构化数据规则让技术人员设计程序批量替换图片的alt属性,而无需我们手工操作。
  让我们拿一张图来说事儿,我个人比较喜欢的手表牌子&&AP,
  (图片来源)
  点击上面的图片来源可以看到这款表的具体型号,为&爱彼-皇家橡树离岸型系列 26378IO.OO 男士机械表&,这个时候我们就可以思考,访客的搜索习惯是什么?会搜索哪些关键词?在这个例子里面,AP手表爱好者会搜索如下短语:
  ap皇家橡树
  爱彼皇家橡树
  爱彼橡树离岸
  爱彼离岸
  当然最好可以再看一下谷歌统计里面的关键词数据,看看有无遗漏。基本上来说,访客更倾向于搜索品牌词+产品系列的词组组合和变化,那么alt标签的结构化规则就出来了,可以写为:alt=&{品牌词}{产品系列}-{产品型号}&,即为&爱彼AP-皇家橡树离岸系列-26378IO.OO&,对于产品图片的描述来说,不建议写过多冗余内容,保持数据结构化,做到关键词辨识度高,关键词信息丰富就可以了,千万不要做关键词堆积。
  2. 图片拍摄角度问题
  基本上拍摄产品照片不会只拍一个角度,我们回到之前的ap手表,访客肯定不会满足于只有一张正面照,多角度的去展示手表的美才能更好的吸引访客在你的网站上停留更多的时间,才可以去激发起他们的购买欲望,所以自然需要拍摄手表的正面,手表的后盖,手表的侧面,手表表盘的细节等等,这个时候如何写alt标签?
  最好的方法也是保持alt标签的结构化,继承主图的格式,千万不要去给这些图片一个全新的写法,正确的写法如下,
  爱彼AP-皇家橡树离岸系列-26378IO.OO-正面
  爱彼AP-皇家橡树离岸系列-26378IO.OO-后盖
  爱彼AP-皇家橡树离岸系列-26378IO.OO-侧面
  爱彼AP-皇家橡树离岸系列-26378IO.OO-表盘
  保持主干&爱彼AP-皇家橡树离岸系列-26378IO.OO&不变,可以让搜索引擎充分确认当前图片系列或是页面就是关于那个关键词,从而让这些图片被图片搜索引擎搜索到的几率大大增加。单枪匹马一定倒下。
  3. 关于大图的显示问题
  如果你希望提供更大的图片让用户爽一下,这个思路很好,但要非常小心,不建议将大图直接放在网页上然后用css将图片缩小,虽然你看上去图片变小了,但是图片的尺寸还是实实在在存在的,这会影响加载速度。相反,你可以先放一张较小的图片,然后提供查看大图功能的选项,不管是点击弹出大图还是另外新页面显示,都ok。
  当然,还有一些人会把大图切成一张张小图做拼接,这样做可以让图片快速显示,但同时一张图片切成小图之后,服务器的请求数会增加,从而会影响网页加载速度。所以,如果图片的体积实在过大的话,建议为图片专门配置新服务器。对于外置服务器的选择,目前我个人比较推荐又拍,只是需要你花一点银子。
  4. 给图片减减肥
  先看看这些数据,
  大部分台式机或是笔记本用户不会等待超过3秒的网站加载速度
  &在移动设备上不会等待超过5秒钟
  亚马逊发现如果他们的网站加载速度慢了1秒钟,他们一年将损失16亿美元
  搜索引擎将网站加载速度列入了排名算法之中
  如果你大量的网站图片非常臃肿,这将严重影响网站加载速度,如果超过10秒钟,那你等着和你的客户说byebye把。
  所以该怎么做?这篇文章或许能帮助你。
  图片文件应该多大?
  有些理论说图片的大小应该保持在70kb以下,不过这个有时候是很困难的,特别对于大图片来说几乎是不可能的,除非你不求清晰度。我个人倒是觉得,不要用一个标准去限制每一张图片的大小,关键在于,我们有没有去执行,有没有看到我这篇博文后去真正压缩图片,这才是关键。
  5. 用对图片格式
  目前有三种非常流行的图片格式,他们是JPEG,GIF,和PNG。让我们来看看他们有何不同,
  JPEG (或者说 .jpg) 是最常用的图片压缩格式,支持最高级别的压缩。通常,对于显示要求比较高的图片来说,JPEG格式展示的图片效果较GIF和PNG有明显的优势。
  GIFs (.gif) 的图片显示质量要比JPEGs逊色很多,通常用作非常简单的图片展示,比如素材或者装饰性图案,gif也可以用来制作动画。gif不适合用作高显示质量的图片。
  PNG图片是比gif更好的选择,因为PNG图片支持的色彩要比GIFs多。此外,和JPEG一样,PNG反复保存也不会影响图片质量,而且对于小图来说,PNG占用的体积极小,PNG完美支持透明背景,所以一般logo或一般装饰性图案都会选择PHG格式。注意PNG-24图片体积要超3倍地大于同样情况下的PNG-8版本,对待PNG你要十分小心,看仔细了。
  如下是一个例子,通过对比相同体积下(都是24kb)不同格式的图片显示效果:
  你可以很清楚的看到,JPEG 很显然是获胜者,在同样的体积下,GIFs和PNGs必须以牺牲图片质量为代价。不过话又说回来,如果对于非常小的图片来说(比如小于5K),PNG是比较好的选择,相比GIF,PNG可以在体积很小的情况下依然不会让图片失真。
  当我们选择图片格式时,如下一些tips供大家参考,
  对于电商网站来说,产品图片的质量要求极高,JPEGs毫无疑问是首选,他们有相对高质量的图片显示且不会占用太大的体积。
  绝对不要用GIFs来当做产品大图。不然的话文件尺寸会非常大,也没有很好的办法去压缩它(一压缩就失真)。可以用GIFs做动画或是装饰性小图。
  PNG可以作为JPEGs和GIFS的替代,如果你想把产品图片做成PNG格式,尽量用PNG-8而非PNG-24。PNGs同时也擅长处理简单地装饰图而只需很小的体积,PNG将会变得越来越流行。
  顺便提一句,大部分的图片编辑软件可以转换以上三种形式的图片格式。
  6. 正确看待缩略图
  大部分电商网站都有缩略图展示,它可以让访客迅速的扫描到尽可能多的商品样式而不需要再去点击一个额外的页面。
  缩略图很棒,但是要小心,他们可能是你网站的速度杀手。他们通常会出现在关键的购物流程之中,若因此影响了购物流程的流畅性,额& 那你就可能又损失了一个顾客。关于缩略图,我个人有如下两点建议:
  尽可能压缩缩略图体积,缩略图的图片不要过高的追求显示质量,当用户点击到下一层详情页面的时候再给他一张高质量的图片。
  尽量不要为缩略图设置alt标签,通常我们并不希望搜索引擎索引的是缩略图而应是产品详情页的高质量原图。
  7. 使用图片地图
  如果你的网站用JS做图片效果来更好的提升用户体验,你是否担心图片是否还能收录?当然通常来说蜘蛛是不会爬取不显示在源代码里面的图片文件的,但是谷歌对于这点已经很有经验了,通过图片地图的提交,即把图片地址一个个老老实实地列出来,搜索引擎就可以爬行了。
  对于图片地图,我就不多说了,因为谷歌有许多指导文档来帮助你提升图片的搜索排名,看这里。
  8. 留心装饰性图片
  非产品类的图片比如背景图、按钮图,边框图等都可算作装饰图,作为一个优化者,你需要仔细去检查这些图片的体积是否过大,是否会影响网站载入速度。
  这里有一些关于如何压缩装饰图的建议:
  如果只是一些边框类的、或是简单的样式图片,使用PNG-8或者GIFs,你可以创建非常好看的图片并且只占几百bytes的体积。
  如果可能的话,尽量使用css来创建一些特殊效果,而非图片。
  不建议为网站设置背景图片,如果一定要有的话,在保证清晰度的前提下最大程度去压缩体积。你还可以把背景图当中镂空或保持透明来压缩体积。
  好了,今天关于图片优化我就分享到这里,大家有无更好地建议?期待您的留言,咱们一起探讨共同进步。
  SEO专题推荐:
扫一扫关注A5创业网公众号
责任编辑:黄忠
说起SEO,可能大部分想到的是内容优化、链接建设等手段,“图片搜索排名”这块领域似乎并没有被怎么“开发”,因而竞争力度相比搜索引擎排名则小了许多。那么,要怎样才能做好“图片搜索排名”呢?
如果你运营在线商城又或是大型电商网站,图片优化是你必须要掌握的。不仅仅是从吸引潜在消费者,还是增加图片搜索流量,又或是提升网站加载速度,图片优化扮演者非常关键的角色。但说到图片优化,很多传统意义上的SEO人会说,图片要加alt标签,图片要压缩…这样的粗线条显然是不行的。
1)在网站设计之初,就先要做好规划,比如背景图片如何使用等等,做到心中有数。2)编辑图片的时候,要做好裁剪,之展示必要的,重要的,同内容相关的部分。3)在输出图片的时候,图片大小要设置妥当,长宽像素就设成你所需要的大小,而不要输出大图片,然后使用的时候,在指定较小的长宽,缩放图片。4)尽量组合装饰性
在搜索引擎查找相关图片,很多人可能不知道,这些图片不是搜索引擎自有的,而是蜘蛛从各个相关网站,准确的说是相关文章抓取的。既然蜘蛛“认识”图片,那么,网站在做内容更新的时候,做好图片优化也是SEO优化一项重要的工作。在SEO优化过程中,很多人都知道原创文章的重要性,往往对于图片没有什么硬性要求。如果从
图片优化是对于电商网站进行网站优化的一个非常重要的因素,也是一个SEO人员必须要掌握的能力。
目前很多企业都有了属于自己的官网,大多企业选择了搜索引擎竞价推广、SEO优化推广、自媒体营销推广等,对于一个网站而言,好的推广方式是获得流量的重要渠道,而良好的用户体验是留住客户的重要操作。
一天,一位朋友来我家玩,我把自己的困惑告诉了他,他对我说:你学习的能力很强,而且你又不是一个网盲,为什么不学习SEO?如果多学习一门技能,可能你就不觉得缺少什么了。
网站有长期不被收录的页面需要如何解决?网站有长期不被收录的页面是很影响收录率的,一个好的网站收录会达到85%以上!该怎么解决这些很久了百度还没收录的页面呢?下面襄阳seo为您解答。
今天发这篇博文是来自自己的真实经历!6.12号下午我用的虚拟主机被大量的DDOS攻击,导致了我的网站无法访问,整整瘫痪了一天多!下面就仔细谈谈:网站无法打开(无法访问)对seo数据的影响和解决办法?
关键词确认的第一个工作就是找到核心词,比如一个儿童的套装,那么“儿童套装”就是一个核心词。在核心词的基础上,首先要扩词。扩词的方法很多,有两个基本的方法。直接在淘宝搜索框输入核心词,看下拉列表中的推荐词。然后把推荐词当作搜索词汇,再次看下拉列表中的推荐词,通过这个办法,可以快速扩出一个备份词表。
淘宝作为电商领域的大哥大,驻扎了数百万家店铺,带动数千万人的就业。作为淘宝商家,要在激烈的淘宝商圈中脱颖而出,也需要强悍的SEO技能或者具有SEO技能的专业人士辅助。因此,目前淘宝内流量之争不见硝烟,但是处处让人胆颤。
因此,你在制定内容策略,以及社交网络推广方案的时候,应该参考品牌长期发展的目标,否则即使在短期内,你可能满足KPI指标,但从长远的角度来看,是得不偿失的。
百度站长平台官方回复:改标题对网站seo优化有影响,一个网站修改标题,搜索引擎会重新审视这个站点的主题。title是极重要的内容。大幅修改,可能会带来大幅波动。所以请慎重对待网页标题。下面就来谈谈:怎么修改网站标题(title)对seo优化没有影响
最近很多站长朋友都在关注熊掌号,其实百度搞熊掌号也是为了更好的服务移动端用户!那你知道什么是熊掌号,以及熊掌号对seo优化的好处吗?
认知竞争对手取长补短,知己知彼百战不殆,我们这里探讨的是SEO角度分析竞争对手,从而取长补短。以提高自身网站在搜索引擎中的权重和排名。下面就来具体谈谈:seo该怎么分析竞争对手?该分析竞争对手的那些数据?
创业好项目
写了4年多博客 我选择了从头再来
扫描二维码关注A5创业网了解最新创业资讯服务
&徐州八方网络科技有限公司&版权所有&
举报投诉邮箱:
扫一扫关注最新创业资讯下跪求你系列表情图片|跪求你2018年表情包 无水印版-软件下载页_JZ5U绿色下载站
您当前的位置: →
常用工具栏
下跪求你系列表情图片|跪求你2018年表情包 无水印版
====== [下面软件真实下载地址列表] ====== [版权原因部分软件停止下载] ======
跪求你2018年表情包是非常不错的一款跨年表情包。2017已经过去2018已经来临,在新的一年里很多小伙伴有各种各样的愿望,比如变有钱,变帅,变瘦等等,今天小编为你们带来了求你2018年表情包图片。
求你2018年表情包预览
2018已经开始了,在这新的一年里有许多小伙伴有新的愿望,这款对着镜子下跪求你2018表情包非常形象的表达你的心愿哟。
本站提供下跪求你系列表情图片|跪求你2018年表情包 无水印版软件免费下载,版权归原作者或公司所有。如有侵权,请与我们联系删除。
* 本站提供的软件我们都会尽可能测试再上传,都亲自运行过,同时通过卡巴斯基杀毒软件的验证,限于能力及系统等问题,无法保证所有软件都没有任何问题,如果您发现链接错误或其它问题,发email到zarong◎gmail.com告诉我们,谢谢!
* 为了达到最快的下载速度,推荐使用或下载本站软件。为确保正常使用请用最新版来解压本站提供的软件!
* 为了网站可以继续发展下去,在不太影响大家的情况下还请给予点击站内广告。本站所有下载无需点击任何广告即可正常下载,由于部分是FTP下载,限制了同时连接数,因此还请使用下载工具尝试多一会连接时间。如果您发现下载链接错误,请点击谢谢!
* 站内提供的所有软件如包含破解及注册码均是由网上搜集,若无意中侵犯到您的版权利益,通知我们,我们会在收到信息一周内给予配合处理!
* 本站为非营利性站点,所有资源均是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站仅仅提供一个观摩学习的环境,将不对任何资源负法律责任。所有资源请在下载后24小时内删除。如果您觉得满意,请购买正版,唯有如此才能更好支持你所喜欢的软件更好发展!本站严厉谴责和鄙夷一切利用本站资源进行牟利的盗版行为!(Anne落雪听梅)
第三方登录:41219 条评论分享收藏感谢收起赞同 92 条评论分享收藏感谢收起

我要回帖

更多关于 求人帮忙的句子 的文章

 

随机推荐