作者Canboo (啃布先生)
看板Web_Design
标题Re: [请益] 准备开始找工作的意见(Front-End)
时间Wed Jun 5 16:08:23 2013
肯先生跟我一样是肯字辈的,我一直到现在要回文才发现
因为讨论到img tag 的width和height的attr
所以我google了一下资料
在Y! developer是没有特别提到宽高的部份,但是有特别说到不要把大图缩小显示
(正确来说就是要你把档案缩小後再做显示,这在後台设计上我都会压成四版本大小)
http://developer.yahoo.com/performance/rules.html
但在回推之後我还是想再看其他人说的,所以又看到了一篇
http://www.pitstopmedia.com/sem/img-tag-image-seo
他在Specify the width and the height of the IMG tag段落有说到宽高问题
说要设!!<~~~~~~~~~~~~~~~~~~~
但是下在tag中或下在style中都可以,原文是
It is a best practice to define the IMG width and height on the tag
or on the style for better page load speed.
所以我个人觉得下在哪都是正确的
最主要的概念是"一定要针对图片下宽高"
如果有人找到其他的论点,欢迎一同讨论分享
※ 引述《KC73 (肯先生)》之铭言:
: ※ 引述《gg90052 (Teddy)》之铭言:
: : 如题,之前在桃园曾经应徵了一间公司的Front-End,
: : 但当时能力还非常不够,被电了之後决定离开再重新练功。
: : http://ppt.cc/m719
: : 这是这阵子作为我练功的网站,从切版到程式都是自己完成的,
: : 想请问一下到这样的程度我是否能够胜任一般前端工程师的工作了?
: : 另外也希望大家能给这个网站一点可以修改的建议 谢谢
: 硬挑一些毛病和建议:
: 1. <!DOCTYPE html ... 就直接宣告 <!doctype html> 吧!
: 2. <img> 一定要给 width、height、alt,你没给,这扣很多分。
: 3. <script type="text/javascript">...</script> 还是 <script>...</script>
: <br> 或者 <br/> .... 到底该怎麽用?如果我面试的话,会问你,这些有什麽
: 差别,因为你都有用到。
: 4. 然後我还会问你,你有些 javascript,是放在 </body> 的後面,有什麽特别的
: 想法吗?
: 5. 首页的 SEO 有些问题,虽然不用作的很厉害,不过显然是完全没有考虑到 SEO。
: 6. <body background="images/bg-stone.jpg"> 这一行也扣分。
: 因为已经 2013 年了,所以标记成 deprecated 的东西不要再用了。
: 其他还有一些,例如 javascript 可以放到底下之类的..那个日後慢慢磨吧~
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 114.32.168.116
1F:推 musie:有数据可以显示加了宽高可以让paint速度加快多少嘛? 06/05 16:17
2F:→ TonyQ:不是加快多少,而是减少 repaint 次数吧 。 06/05 16:54
3F:→ TonyQ:这随着各种页面布局可以赚回来的分数不一。 06/05 16:54
4F:→ TonyQ:但是在能知道图片宽高的情况,预先做宽高资料的收集,後端真 06/05 16:54
5F:→ TonyQ:的该跟进这个部份了。 06/05 16:55
6F:推 On1earth:大图缩小显示好像很吃浏览器的资源,我好几个网站都这样 06/07 00:56
7F:→ Ken52039:所以後端要处理很多size的图档 我们网站就是这样搞 06/07 09:07