ส่วนใหญ่จะช้าเพราะรูปที่ user ใช้ผ่าน Backend มีขนาดใหญ่อะครับ
กับตอนนีพยายามแก้โดยการทำ Lazyload กับ Caching มาช่วยอะครับ
ช้าพอสมควรครับ(สำหรับเว็บที่พัฒนาเอง ไม่ใช่ wordpress) สิ่งที่ผมเห็นและอยากแนะนำนะครับ ในฐานะ dev ด้วยกัน
1. TTFB ยังทำได้ไม่ดีครับ document ขนาดไม่ใหญ่มาก แต่เฉลี่ย TTFB มันปาเข้าไปเกือบ 300-500ms ครับ ยังไม่รวมเวลาที่ browser มันไปโหลดพวก js,css,images และทำการ render สิ่งเหล่านี้นะครับ
2. ดูเหมือน sources ต่างๆยังไม่ถูก compress ครับ ทำ minify ช่วยได้เยอะครับ (*ผมคิดว่าน่าจะยังอยู่ในช่วง dev อยู่)
3. ระบบรูปภาพ ไม่ว่าจะ backend หรือ frontend ควรทำ resize ครับ + quality สัก 75-80% ก็พอ แล้วท่านก็ทำ lazy หรือ deferred ก็ว่ากันครับ
4. หาวิธีลด http request ครับ
ผมลองเทส flow แล้วได้ตามนี้ครับ
- doc size 30kb
- TTFB 400ms
- http request 80-100
- page size 6-8MB
- dom downloaded 5-7s
- content downloaded 8-10s
เฉลี่ยแล้ว user จะเห็นข้อมูลทั้งหมด ประมาณ 10-15 วินาทีครับ
ปล. โดยรวมถือว่าทำออกมาได้ดีครับ(design) โครงสร้างธีมสวยแบบเรียบๆ สะอาดครับ