Mastering Web Performance Optimization: Principles and Tricks

วันที่ 16 กุมภาพันธ์ 2562 (9.00น. – 17.00น.)

สถานที่ LearnHub

ในปัจจุบัน คนส่วนใหญ่จะพบปัญหาว่าเว็บที่ตัวเองช้ามาก และยังส่งผลถึง SEO, Conversion rate ที่น้อยลง หลายๆ ครั้งเราก็ focus แค่การทำ caching ซึ่งนั่นเป็นแค่ 1 ใน 100 อย่างเลยก็ได้ของการทำ Performance optimization และจากวิธีที่มากมายเหล่านั้น เราควรเลือกใช้วิธีไหน ในสถานการณ์ใดบ้าง
.
พบกับ workshop สุดเข้มข้นที่จะทำให้คุณเข้าใจการทำงานของเว็บ รู้จักเครื่องมือในการเพิ่มประสิทธิภาพการทำงานของเว็บให้เร็วขึ้นมากที่สุดเท่าที่จะมากได้ ตลอดจนการเลือกใช้งานเครื่องมือได้อย่างถูกที่ถูกเวลา และเรียนรู้กับผู้เชี่ยวชาญในการพัฒนาเว็บตัวจริง
.
สอนโดยผู้เชี่ยวชาญด้านการพัฒนาเว็บ
วรัทธน์ วงศ์มณีกิจ (ตั้ง)
- Google Developers Expert ด้าน Web Technologies
- Product Owner จาก Wisesight
.
Workshop นี้เหมาะสำหรับ
- นักพัฒนาเว็บที่อยากเรียนรู้เครื่องมือที่ช่วยเพิ่มประสิทธิภาพของเว็บ และใช้งานได้จริง
- นักพัฒนาเว็บที่ต้องการให้เว็บของตนเอง/องค์กร ออกมาเร็ว
- โปรแกรมเมอร์ใน platform อื่น ๆ ที่มีพื้นฐานการทำเว็บ ที่อยากเรียนรู้เครื่องมือใหม่ ๆ
.
ภาพรวมเนื้อหา
How web work
- Understand how web loading
- Critical path rendering
How to measurement performance
- User-centric matric
- Understand Tools for measurement
Optimize Server
- Server caching
- Server Compression tools
- How to use CDN
Optimize HTML
- How to optimize HTML loading
- How to write HTML for High performance
Optimize Web font
- Understand the Webfont
- How to use web font in a pro
- What is the best Webfont format
- How to optimize Webfont loading
Optimize image
- Understand the image on the web
- What is the best extension for image format
- Reduce Offscreen image with Lazyload
- Best practice for using an image on the web
Optimize Javascript
- Understand how javascript and rendering engine work
- How to optimize javascript loading
- How to remove jQuery from your project
- Hint loading resource
- WebWorker
Optimize CSS
- Understand how CSS work
- How to optimize CSS loading
- How to write high-performance CSS
Service worker
- How to use service worker for speed up your website
Webpack
- How to use Webpack with non-framework project
- A trick of using Webpack to optimize Javascript framework project