Bundler & Minifier 是個自動幫我們 Bundle 跟 Minify JS/CSS 的好工具,只是它在 Visual Studio Marketplace 的版本舊到一個不行,碰到新一點的 JS 語法就掛了,而這個不是作者沒有持續維護,只是他沒有更新到 Visual Studio Marketplace 而已,在 Open VSIX Gallery 可以找到這個擴充套件的最新版本。
http://vsixgallery.com/extension/a0ae318b-4f07-4f71-93cb-f21d3f03c6d3/
同時也有10000部Youtube影片,追蹤數超過2,910的網紅コバにゃんチャンネル,也在其Youtube影片中提到,...
「minify」的推薦目錄:
- 關於minify 在 軟體廚房 Facebook 的最佳解答
- 關於minify 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的最佳貼文
- 關於minify 在 辣媽英文天后 林俐 Carol Facebook 的最佳貼文
- 關於minify 在 コバにゃんチャンネル Youtube 的最佳解答
- 關於minify 在 大象中醫 Youtube 的精選貼文
- 關於minify 在 大象中醫 Youtube 的最佳貼文
- 關於minify 在 Combines. minifies, and serves CSS or Javascript files - GitHub 的評價
- 關於minify 在 Are the ways or plugins to automatically minify CSS, Html and ... 的評價
- 關於minify 在 HTML minifier 的評價
minify 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的最佳貼文
ต่อกันด้วยอีกเรื่องน่าสนใจจากห้อง Geek ในหัวข้อ Web Optimize 4.0 For Mobile สำหรับเจ้าของเว็บไซต์ในยุคปัจจุบัน ที่ต้องออกสู่ตลาดผ่านแพลตฟอร์ม Mobile เป็นหลัก
โดยคุณจักรกฤษณ์ ตาฬวัตน์ Managing Director ของ Seed Themes Co., Ltd. ผู้บุกเบิกวงการ Wordpress ในประเทศไทย
.
-เว็บไซต์ต้องโหลดไว เพราะถ้าเว็บช้า = อันดับร่วง ซึ่ง Google ประกาศว่าโดยเฉลี่ยทั้งโลก เว็บที่จะติดหน้าแรกต้องโหลดให้ทันภายใน 2-3 วินาที
-เว็บช้า = คนหนี Bounce rate คนเข้ามาแล้วออกไม่ไปหน้าอื่น ถ้าเว็บโหลดช้าเกิน 10 วินาที 100% คนจะออกไปเลย และไม่ติด Google
-เว็บช้า = ยอดขายตก สถิติระดับโลกบอกว่า เว็บขายของช้าลง 0.01 วินาที Conversion rate หาย 7%
-เว็บช้า = Ads แพง Google มีการเช็คคุณภาพโฆษณา ถ้าคนคลิกง่าย รันไว Google จะลดราคาให้ แค่ถ้าเว็บถูกออกแบบมาไม่ดี Google จะกดดันให้เราพัฒนาเว็บให้น่าใช้ เพื่อโฆษณาจะได้มีประสิทธิภาพมากขึ้น
-คนกว่า 80% เข้าเว็บผ่านมือถือ แต่คนทำเว็บส่วนใหญ่เริ่มจากคอมพิวเตอร์ เราจึงควรทำเว็บให้เร็ว
.
-โดยเราสามารถดูว่าเว็บเราเร็วแค่ไหนด้วย Google PageSpeed และ GTmetrix โดยจะมีวิธีแก้ให้ด้วย
.
ทำให้เว็บโหลดเร็วขึ้นอย่างไร
1. Web App - Cache โหลดหน้าเดิมสำหรับการใช้ซ้ำ ไม่ต้องประมวลผลใหม่ / Minify ย่อไฟล์ให้เล็กลง
2. Server - Cache
3. Internet - CDN วิ่งไปโหลดตามภูมิภาคใกล้เคียงตัวเอง
4. Browser - Browser Caching เก็บหน้าเดิมไว้ในเครื่อง ไม่ต้องโหลดใหม่
.
เว็บแสดงผลยังไง ให้เร็วขึ้น
1. เลือกเซิร์ฟเวอร์ที่สามารถโหลดเว็บได้เร็วที่สุด
2. เลือกขนาดไฟล์ที่สามารถโหลดได้เร็วที่สุด
3. เรนเดอร์ เลือกข้างบนก่อน
4. โหลดโครงสร้างหน้า
5. โหลดเสร็จทั้งหน้า
6. โหลดด้านล่างที่เหลือ
.
-ลูกค้าทั่วโลก เลือกเซิร์ฟเวอร์ที่สิงคโปร์
-ใช้ Cloudflare CDN
-Above the fold เลือกสำคัญโหลดแต่ละหน้า โหลดรูปเมื่อถึงระยะ
-Render blocking หยิบของไปโหลดด้านล่าง ทำยากแต่เห็นผลชัด
-ควรเลิกใช้ Carousel เพราะคนที่เข้าก็จะไม่เลื่อนดู ควรแสดงผลในสิ่งที่อยากโชว์เลย
-เลิกใช้ JQuery เพราะมันไปก็อปเว็บไซต์คนอื่น ทำให้เสียเวลาไป 0.5-1 วินาที จะต้องเว็บเขียนใหม่ถึงทำได้
.
ทั้งหมดที่กล่าวมาอาจฟังดูยาก เพราะฉะนั้นแนะนำให้หันไปใช้ WordPress ก็จะสามารถแก้ปัญหาได้ทุกอย่างในทีเดียวเลย
.
#iCreatorConference2019
minify 在 辣媽英文天后 林俐 Carol Facebook 的最佳貼文
事實證明,選對鏡子很重要
可以自欺欺人騙自己腿好細好長😆
🔎 俐媽英文教室:
reflect (v.) 反射
refract (v.) 折射
convex mirror (n.) 凸面鏡
concave mirror (n.) 凹面鏡
curved mirror (n.)曲面鏡
spherical mirror (n.) 球面鏡
parabolic (a.) 拋物線的
aberration (n.) 像差
beam (n.) 光束
ray (n.) 光束
optical (a.) 光學的
lengthen (v.) 拉長
shorten (v.) 縮短
magnify (v.) 放大
minify (v.) 縮小
distort (v.) 扭曲
image (n.) 圖像;形象
giant (n.) 巨人
dwarf/pigmy/midget (n.) 侏儒
proportion (n.) 比例
👯♀️ 哪個鏡中的俐媽最吸睛?😉😉
minify 在 コバにゃんチャンネル Youtube 的最佳解答
minify 在 大象中醫 Youtube 的精選貼文
minify 在 大象中醫 Youtube 的最佳貼文
minify 在 HTML minifier 的推薦與評價
HTML Minifier (v4.0.0). Minify. Case-sensitive Treat attributes in case sensitive manner (useful for custom HTML tags); Collapse boolean attributes Omit ... ... <看更多>
minify 在 Combines. minifies, and serves CSS or Javascript files - GitHub 的推薦與評價
Minify is an HTTP server for JS and CSS assets. It compresses and combines files and serves it with appropriate headers, allowing conditional GET or long- ... ... <看更多>