Web_Design 板


LINE

肯先生跟我一样是肯字辈的,我一直到现在要回文才发现 因为讨论到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







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:Soft_Job 或 站内搜寻

TOP