Blogs

บรีฟโหดแห่งปี: พัฒนาเว็บยังไงให้ “คนจีน” เข้าได้? เจาะลึกเทคนิคฝ่าด่าน Great Firewall สไตล์ Develope

สมมติว่าวันหนึ่งคุณได้รับบรีฟโปรเจกต์จากลูกค้าว่า "อยากทำเว็บไซต์เจาะตลาดคนจีน ช่วยทำเว็บภาษาจีนให้หน่อยนะ" ในมุมมองของคนทั่วไปอาจจะคิดว่า แค่เตรียมเนื้อหาภาษาจีนจ้างคนแปลเก่งๆ มาลงเว็บก็จบรึเปล่า? แต่ในฐานะ Web Developer อย่างพวกเรา แค่ได้ยินบรีฟนี้ก็ถึงกับต้องปาดเหงื่อแล้วครับ เพราะศัตรูตัวฉกาจของเราไม่ใช่เรื่องของภาษา แต่คือระบบที่เรียกว่า The Great Firewall ของประเทศจีนต่างหาก

ปัญหาคลาสสิกที่มักจะเจอกันบ่อยๆ คือ พอเราเช่าโฮสติ้งที่ตั้งอยู่ในไทย หรือแม้แต่การใช้ Cloud CDN มาตรฐานฝั่งตะวันตกที่เราคุ้นมือกันดี เวลาเปิดทดสอบเว็บที่ไทยมันก็โหลดลื่นไหลปรู๊ดปร๊าดดีหรอกครับ แต่พอผู้ใช้งานจากฝั่งจีนแผ่นดินใหญ่พยายามจะกดเข้าเว็บเราบ้าง หน้าเว็บกลับโหลดช้าเป็นเต่าคลาน หรือเลวร้ายที่สุดคือไทม์เอาต์ (Timeout) จนเข้าไม่ได้ไปเลย

แล้วเราจะแก้เกมนี้ยังไงดี? จุดแรกที่นักพัฒนาต้องรื้อโครงสร้างใหม่เลยก็คือ การเลือกใช้ CDN (Content Delivery Network) ครับ การเจาะตลาดจีนด้วย CDN ทั่วไปนั้นเอาไม่อยู่แน่นอน เราต้องหันไปซบไหล่ผู้ให้บริการที่มี Node เครือข่ายเป็นมิตรกับประเทศจีน เช่น Alibaba Cloud CDN หรือ Tencent Cloud แต่ข้อควรระวังคือ การจะตั้งเซิร์ฟเวอร์ในจีนแผ่นดินใหญ่ได้ คุณจะต้องมีเอกสารใบอนุญาตที่เรียกว่า ICP License ซึ่งขอยากและวุ่นวายมากสำหรับบริษัทต่างชาติ ทางออกที่ง่ายและเสถียรที่สุดที่ผมมักจะแนะนำลูกค้าก็คือ การย้าย Origin Server ไปตั้งไว้ที่ใกล้ๆ อย่าง Hong Kong หรือ Singapore แล้วค่อยใช้ CDN ฝั่งจีนช่วยดึงข้อมูลไปกระจายต่ออีกทอดหนึ่งครับ

แต่เดี๋ยวก่อน! แค่ย้ายเซิร์ฟเวอร์อย่างเดียวยังไม่จบนะครับ ด่านต่อไปที่ถือเป็น "กับดักหนู" ของโปรแกรมเมอร์หลายคนคือบรรดา Blocked Assets หรือ Resource ต่างๆ จากฝั่งตะวันตก ที่เราชอบแปะไว้ในโค้ดนั่นแหละครับ คุณต้องสแกนโค้ดทั้งเว็บแล้วถอนรากถอนโคนมันออกให้หมด เพราะทันทีที่เบราว์เซอร์ฝั่งจีนพยายามจะดึงไฟล์เหล่านี้ มันจะติดบล็อกและพาให้หน้าเว็บค้างเติ่งไปเลยทันที

สิ่งที่ต้องโละทิ้งเป็นอันดับแรกเลยคือ Google Fonts ครับ ห้ามใช้ลิงก์ CDN ของ Google เด็ดขาด ให้เปลี่ยนมาใช้วิธีโหลดไฟล์ฟอนต์มาเก็บไว้บนเซิร์ฟเวอร์ของเราเอง (Self-hosted fonts) แล้วเรียกใช้ผ่าน @font-face แทน ต่อมาคือเรื่องของ วิดีโอ ใครที่ชอบฝัง YouTube Embeds ลงในเว็บ ต้องเปลี่ยนด่วนเลยครับ เพราะ YouTube โดนบล็อกสนิทที่จีน แนะนำให้ใช้วิธีอัปโหลดไฟล์วิดีโอขึ้นเซิร์ฟเวอร์โดยตรงแล้วเล่นผ่านแท็ก HTML5 Video หรือถ้าไฟล์ใหญ่มาก ก็ให้ย้ายไปฝากไว้บนแพลตฟอร์มที่คนจีนใช้งานได้อย่าง Youku หรือ Bilibili แทนครับ

อีกจุดตายที่มักจะพลาดกันคือหน้า Contact Us ครับ หลายเว็บมักจะใส่แผนที่ Google Maps และตัวกันสแปมอย่าง Google reCAPTCHA เอาไว้ ซึ่งมันใช้งานที่จีนไม่ได้เลย ลูกค้าจีนจะไม่มีทางกด Submit ฟอร์มส่งมาหาเราได้ ตรงนี้เราอาจจะต้องเปลี่ยนไปใช้ Baidu Maps แทน และมองหาระบบ Captcha ทางเลือกอื่นที่ไม่ได้วิ่งผ่านเซิร์ฟเวอร์ของฝั่งตะวันตก

เห็นไหมครับว่า การพัฒนาเว็บไซต์ให้คนจีนเข้าได้นั้น ไม่ใช่แค่การเขียนโค้ดให้เว็บแสดงผลได้สวยงาม แต่มันคือการทำ Front-end Optimization ควบคู่ไปกับการวาง Network Architecture ที่ถูกต้องตั้งแต่ต้น ถ้าคุณเคลียร์เรื่องเซิร์ฟเวอร์และกำจัด Asset ที่เป็นของแสลงของกำแพงเมืองจีนออกไปได้หมด รับรองว่าเว็บไซต์ของคุณจะโหลดลื่นไหล พร้อมเปิดประตูต้อนรับลูกค้าชาวจีนได้อย่างแน่นอนครับ!