@บ้านพี่พลอย.. By พี่พลอยจ๋า

 

   สวัสดีค่ะทุกคน  วันนี้เป็นเอนทรี่ระดมความคิด พิชิตการอัพโหลดเว็บเพจ ที่เร็วขึ้นนะคะ  เพื่อพวกเราพี่น้องชาวหมู่บ้านเอ็กซ์ทีนนะค่ะ ( แด่พี่ตู่ mayaknigh..และผองเพื่อนผู้ประสบปัญหาเดียวกันค่ะ)  ความจริงพลอยจ๋าก็โงโง่กับเรื่องไอทีนี้อ่ะนะคะ  ไม่ค่อยสันทัดเท่าไร  เลยอยากขอคำอธิบายเพิ่มเติมจากผู้รู้ในหมู่บ้านเอ็กซ์ทีนของเราทีว่า  ในกรณีที่จะช่วยให้เพจรันเร็วขึ้นนี้โดยวิธีใช้  " iFrame แยก Run แยก Load "  นี้ใช้ยังไงถึงจะถูกต้องค่ะ และใช้กับเว็บบล็อกได้หรือเปล่า.. นอกจากนี้ก็ยังมีวิธีที่พลอยจ๋ารวบรวมเอามาลงแล้ว ยังมีวิธีอื่นอีกไหมค่ะ.. รบกวนนิดหนึ่งนะค่ะ แบ่งปันความรู้กันหน่อยสังคมไอทีน้อยๆของเราจะได้ผาสุก กิกิ  

  สาเหตุที่หน้าเพจ รันช้า มันเกิดจากอะไรกันหนอ..   

มันเกิดจาก  อี-สคริปท์ ค่ะ  มันเยอะ มันมาก  ทำให้ต้องรอโหลดสคริปท์ทั้งหลายทั้งมวลให้หมดก่อน ยิ่งมีเพลง มีภาพ มีลูกเล่นมากเท่าไร ความไวของการโหลดก็จะแสดงพลวัตรเป็นกำลังเต่าเท่านั้นค่ะ กิกิ  (สคริปท์ รวมถึง พวกของแต่งบล็อกทั้งหลายด้วยนะค่ะ  เช่น สัตว์เลี้ยงในบล็อก  ตัวนับคนเข้าบล็อก  กล่องแช็ท C-Box และร่วมถึงพวก Link พวก Favorites ทั้งหลายทั้งมวลด้วยนะค่ะ) อันนี้มีส่วนทำให้การรันหน้าเพจช้า จนถึงระดับช้ามากจนบอดสนิท ไม่กระดุ๊กกระดิ๊กเลยสำหรับเพื่อนๆที่ไม่ได้ใช้ ADSL นะคะ

ดังนั้นสำหรับกลุ่มบุคคล(บ้าสคริปท์ เช่นพลอยจ๋าเป็นต้น กิกิ) ก็จำเป็นต้องเลือกอ่ะค่ะ ว่าอยากรักษาจะ สัตว์เลี้ยงแสนรักหน้าบล็อก กล่องดุ๊กดิ๊กตุ๊กตาดิ้นได้ แช็ทหรรษา  หรือพวกเฟอนิเจอร์ตบแต่งบล็อกทั้งหลายไหล่ไว้  แล้วมันโหลดช้านรก  หรือจะตัดบางอย่างออกไปเพื่อฆ่าเต่าทิ้งสักตัวสองตัวให้มันโหลดได้ไวขึ้นนิดหนึ่ง กิกิ อันนี้ต้องเอาไปทบทวนพิจารณาดูนะเคอะ..

  วิธีแก้ไขให้ หน้าเพจ รันเร็วขึ้น   (โหลดสปีด.. เร็วกว่าพลังคลื่นเต่า .. อี้ เวอร์ซะ)

  1.  ย้ายสไลด์บาร์ จากขวาไปซ้าย เพื่อให้คอมฯ อ่านเนื้อหาของบล็อกก่อน (โหลดส่วนที่เป็นเนื้อหาก่อน) ก่อนโหลดเมนูบาร์(สไลด์บาร์) วิธีนี้ คุณ Nyotaro ได้นำเสนอไว้ในบรอด์ help ของเอ็กซ์ทีนค่ะ  ตามเข้าไปดูรายละเอี่ยดวิธีทำกันได้ที่  http://board.exteen.com/help/read/91/page/1

  2.  เปลี่ยนนามสกุลไฟล์ภาพ ( กิกิ  สำหรับฝ่ายหญิงต้องไปจดทะเบียนสมรสนะเคอะ ถึงจะเปลี่ยนนามสุกลได้ เอิ๊กส..) อันนี้คุณ ไอ้แป้น สาวสวย ณ เชียงราย ปู้ด.. นำเสนอไว้ ว่าแต่ละสกุลไฟล์นั้นใช้เวลาการโหลดมากน้อยต่างกันยังไง ลองเข้าไปศึกษาดูกันได้ค่ะที่ http://darkygirl.exteen.com/20080201/how-to-1

  3.  การลดขนาดคุณภาพของภาพ  อันนี้ "ไอ้พลอยจ๋า" ขอนำเสนอต่อจาก "ไอ้แป้น" นะเคอะ.. เอิ๊กสๆ เดี๋ยวเราไปดูกันว่าเราจะเอาคุณภาพ ของภาพสูงๆ ไปทำเป็ดอะไรกัน  ในเมื่อมันช่างบั่นทอนพละกำลังเน็ตเต่าของเพื่อนๆ เราในการโหลดโหดอำมหิตซะเหลือเกิน 

การลดคุณภาพของภาพลงนี้มันลดขนาดไฟล์ภาพไปได้อักโขเลยนะค่ะพี่น้อง และนั้นแหละค่ะ ขนาดไฟล์ภาพที่เล็กลง มั้นก็ย่อมโหลดได้ไวขึ้น ภาพในการแสดงผ่านบล็อกไม่ต้องละเอียดเผื่อเพื่อนเอาไปตัดต่อหรอกค่ะ  เอาคมชัดขนาดดูรู้ว่ามันเป็นตัวอะไรก็น่าจะพอแล้ว

มาดูวิธีลดขนาดคุณภาพของไฟล์ภาพกันนะเคอะพี่น้องงง !!!

ใช้โปรแกรมมหัศจรรย์ PhotoScape ค่ะ  ใครยังไม่มีโปรแกรมนี้  ไปอ่านรายละเอียดได้ที่นี้ค่ะ

เปิดโปรแกรมมหัศจรรย์ PhotoScape มาแล้วเลือก Editor เลยนะคะ

เลือกตบแต่งภาพตามปกติจนเสร็จค่ะ

ให้กด Save As เพื่อรักษาต้นฉบับไฟล์ภาพเดิมไว้ค่ะ

มันจะมีกรอบให้เราเลือกคุณภาพของภาพ ปกติมันจะอยู่ที่ไฮ ให้เลือกมาที่โลว์ ค่ะ

สังเกตุนะค่ะ ปกติคุณภาพ 100% ขนาดของภาพอยู่ที่ 213.5 KB

พอเราเลือกคุรภาพของภาพไปที่ต่ำสุด 70% ขนาดของภาพลงมาเป็น 52.1 KB

ลงลดไปร้อยกว่า KB ซึ่งอันนี้จะทำให้เราโหลดภาพได้ไวขึ้นแน่นอนค่ะ

ที่นี้ลองมาดูภาพข้างล่างกัน คือภาพที่ลดคุณภาพลงแล้ว มันก็ยังสวยสดดูดีอยู่นี่ค่ะ..

                                 

   4. อันนี้ไปอ่านมาจากเวปทีเวปมาสเตอร์ค่ะ  แต่ยังไม่กระจ่างจิตเท่าไร  เลยเอามาลงให้ผู้รู้ช่วยมาชี้แจ้งที่ว่า "การใช้ iFrame เพื่อประโยชน์การแยก Run แยก Load"  แบบนี้มันใช้กับเวปบล็อกได้ไหมค่ะ  แล้วทำยังไงเพราะพลอยจ๋าเคยทำแล้ว  และรู้สึกว่ามันโหลดไวขึ้นนะค่ะ  แต่พลอยจ๋านำไปใส่ไว้ในส่วนลิงค์  ต่อมามีพี่คนหนึ่งบอกว่าไม่ใช่ ไม่ถูกต้องต้องนำสคริปท์ไปใส่ในช่อง "yourscript.php"  อันนี้เลยงงๆ ไม่เข้าใจ เลยเอามาลงขอคำชี้แนะด้วยค่า  ไปอ่านกันนะค่ะ..

  พลอยจ๋า คัดลอกบทความจาก ; http://www.twebmaster.com/viewArticle.php?id=97  ค่ะ 

การใช้ iFrame เพื่อประโยชน์การแยกรัน แยก Load

iframe ช่วยในการแยกรันได้อย่างไร จริงๆเวลาเรารันหน้าเว็บมันจะต้องรัน Script ไปทีละบรรทัด ยิ่งถ้าครอบ Table ไปในภาพรวม ทำให้ยิ่งต้องรันใน Table ให้หมดก่อน ก่อนที่จะแสดง ทำให้ล่าช้า การใช้ iFrame จะช่วยให้หน้าเว็บแสดงก่อน แล้วรันใน iFrame แยกออกต่างหาก iFrame เป็นเหมือน Frame ซ่อนในหน้าต่างเดียว เทคนิคนี้ใช้งานเยอะ อย่าง Thai2hand ถ้าท่านสังเกตุดูในหน้าสินค้าแต่ละตัว จะมีการแสดงจำนวนคนเข้าดูนั้นก็ซ่อน iFrame ไว้เช่นกัน เว็บดังๆมักซ่อน iFrame ไว้สำหรับตัวที่ต้องรัน Script PHP,ASP อะไรก็ว่ากันไปแล้วแต่ภาษา เพือให้สิ่งเหล่านี้แยก Load ไปแล้วยังง่ายในการแก้ไขในอนาคต มาดู Script กัน  <iframe width=100% height=100 src="yourscript.php" marginwidth="0" marginheight="0" vspace="0" hspace="0" frameborder="0" align="middle" scrolling="no"></iframe> ในตรงนี้เรานำ Script ข้างต้นไปแทรกตรงส่วนไหนก็ได้ของ HTML ทีเราต้องการแทรกเข้าไป ส่วนสำคัญคงอยู่ที่ Width/Height : width คือความกว้าง height คือความยาว หรือสูงนั้นแหละ อธิบายยาก อิอิ ก็หน่วยเป็น Pixel แต่ในที่นี้ Width ผมให้เป็น 100% นั้นคือมันอยู่ใน Table ถ้า table เรามี TD ขนาด width 200 ดังนั้น Iframe ก็เต็ม 200 เช่นกัน ก็ระมัดระวังในการกำหนดหน่อยล่ะกัน MarginWidth/MarginHeight : เป็นการชิดขอบบนล่าง ปกติก็ให้เป็น 0 ก็ลองปรับค่าดูนะครับ frameborder: เป็นกรอบของ iFrame ปกติถ้าซ่อนก็มักจะใช้ 0 เช่นกัน align: align เป็นส่วนของตำแหน่งก็จะเป็น left middle right scrolling: scrolling ก็เป็น scroll bar ถ้า page คุณยาวแล้วต้องการให้ scroll ได้ก็ใส่ yes เข้าไป แค่นี้ท่านก็สามารถทำให้ page รันเร็วขึ้น และสามารถแยกรันได้ด้วย ซ่อนได้ด้วยอีกต่างครับ เหมือนอนึ่งเป็น page เดียวกันเหมือนที่เราใช้ใน active user service เราที่ให้คุณนำไปติดครับ

จาก : นายทีเว็บมาสเตอร์ [ 24 พ.ย 05 ]

    

 จบแล้วค่ะ  เอามาฝากกันแค่นี้ก่อน  และขอคำชี้แจงเรื่อง "การใช้ iFrame เพื่อประโยชน์การแยก Run แยก Load" ด้วยนะค่ะ เผื่อว่ามันจะช่วยเรื่องการโหลดของพวกเราให้ดีขึ้นน่ะค่ะ กิกิ ว่าแล้วก็ไม่เข็ด..เอาเพลงมาใส่อีก เอิ๊กส.. วันนี้ลากันไปก่อนค่ะ กิกิ สวัสดีค่าคุง "ล่ำบึ้ก"

ด้วยรัก/จากใจ..พลอยจ๋า

 

เพลงประกอบ ล้ำบึ้ก /ไทรอัม คิงดอม

โค้ดเพลง  http://i158.photobucket.com/albums/t86/PHiNgUnN/ZongZ/LumBuek.swf