Mastering Web Performance Optimization: Principles and Tricks

วันที่ 18 พฤษภาคม 2562 (9.00น. – 17.30น.)

สถานที่ CU Innovation Hub

Mastering Web Performance Optimization: Principles and Tricks
.
https://v1.skooldio.com/courses/web-performance-2
.
ในปัจจุบัน คนส่วนใหญ่จะพบปัญหาว่าเว็บที่ตัวเองช้ามาก และยังส่งผลถึง 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
.
หลังจาก workshop นี้ผู้เรียนจะสามารถ
- เข้าใจวิธีที่จะทำให้เว็บที่เราพัฒนา เร็วที่สุดเท่าที่จะเร็วได้
- รู้จักและเข้าใจเครื่องมือต่างๆที่จะช่วย optimize
- เข้าใจว่าถ้าต้อง optimize แต่ละส่วน ต้องใช้เครื่องมืออะไร ในสถานการณ์ใด
- รวมถึงเข้าใจพื้นฐานของการ optimize ว่าในแต่ส่วนของหน้าเว็บทำงานอย่างไร อะไรกันแน่ที่ทำให้เว็บเราช้า
.
ความรู้พื้นฐานที่ควรมี
- เข้าใจ HTML, CSS, JavaScript มาบ้าง (อาจจะไม่ต้องเขียนเชี่ยวชาญแต่ต้องเข้าใจว่ามันคืออะไร ถ้ามีความรู้เรื่อง server เล็กน้อยก็จะดีมากๆ)
.
วัน เวลา สถานที่
- วันที่: วันเสาร์ที่ 18 พฤษภาคม 2019 (1 วัน)
- เวลา: 09:30 - 17:00 น.
- สถานที่: CU Innovation Hub จามจุรี 10, BTS สนามกีฬาแห่งชาติ
.
หมายเหตุ
- ผู้เรียนต้องนำ Notebook ส่วนตัวมาเรียนเอง
.
สอบถามข้อมูลเพิ่มเติม
- https://www.skooldio.com/courses/web-performance-2
- โทร 091-890-4996 ติดต่อคุณพี
- E-mail: patchara@skooldio.com