作者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
推 musie:有數據可以顯示加了寬高可以讓paint速度加快多少嘛? 06/05 16:17
→ TonyQ:不是加快多少，而是減少 repaint 次數吧 。 06/05 16:54
→ TonyQ:這隨著各種頁面布局可以賺回來的分數不一。 06/05 16:54
→ TonyQ:但是在能知道圖片寬高的情況，預先做寬高資料的收集，後端真 06/05 16:54
→ TonyQ:的該跟進這個部份了。 06/05 16:55
推 On1earth:大圖縮小顯示好像很吃瀏覽器的資源，我好幾個網站都這樣 06/07 00:56
→ Ken52039:所以後端要處理很多size的圖檔 我們網站就是這樣搞 06/07 09:07