- #99
- #98
- #97
- #96
- #95
- #94
- #93
- #92
- #91
- #90
- #89
- #88
- #87
- #86
- #85
- #84
- #83
- #82
- #81
- #80
- #79
最有效率提升網頁速度的方式是改善內容,網站加載時間 -50% 也不是夢
如果有個很慢的網站只能挑一種方式去改善,那我一定會從網站內容本身下手:圖片、影片、字體、音訊,因為這是最低投入但最高回報的選項,你可以……
- 考量用戶需要多精細的資料,只載入必要內容(懶加載、適當尺寸影像)
- 考量用戶環境,採用更有效率更貼切場合需求的格式(gif / webp)(SVG / PNG)
大多時候這些不需要實際碰到任何開發細節的部分才是構成網頁體驗差勁的元兇。
- 以上是網頁傳統文件性質的一面,網頁從原先文件性質更多的朝向應用程式體驗發展,那就真的是開發需要努力的領域了,這裡有個有趣的統計:JavaScript Bloat in 2024。
- 就算是簡單的圖片也不容小覷,之前寫了一篇大長文細挖網頁圖片的奧妙:所有最佳化網頁圖片的技巧都寫在這了!。
- #78
- #77
- #76
- #75
- #74
- #73
- #72
- #71
- #70
- #69
- #68
- #67
- #66
- #65
- #64
- #63
- #62
- #61
- #60
- #59
- #58
- #57
- #56
- #55
- #54
- #53
- #52
- #51
- #50
- #49
- #48
- #47
- #46
- #45
- #44
- #43
- #42
- #41
- #40
- #39
- #38
- #37
- #36
- #35
- #34
- #33
- #32
- #31
- #30
- #29
- #28
- #27
- #26
- #25
- #24
- #23
- #22
- #21
- #20
- #19
- #18
- #17
- #16
- #15
- #14
- #13
- #12
- #11
- #10
- #9
- #8
- #7
- #6
- #5
- #4
- #3
- #2
- #1