สวัสดีค่ะทุกคน  วันนี้เป็นเอนทรี่ระดมความคิด พิชิตการอัพโหลดเว็บเพจ ที่เร็วขึ้นนะคะ  เพื่อพวกเราพี่น้องชาวหมู่บ้านเอ็กซ์ทีนนะค่ะ ( แด่พี่ตู่ 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

Comment



smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry

Hot! Hot! Hot!

#1 By eeddy(อี๊ด) on 2008-02-04 17:59

เข้าใจค่ะ..ขอบคุณนะคะพี่พลอยจ๋า
big smile Hot!

#2 By ไอ้แป้น : i-phan on 2008-02-04 18:18

^
^
^

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

ว่าแต่ว่าดราก้อนบอลนี้ เอาไปแลกไข่ได้ที่ไหนค่ะ จะได้เอามาทำอาหารกิน กิกิ

คุณอี๊ดค่ะน้องหมาขาด 1 ตัวเนาะ ครบแล้วพลอยจ๋าส่งบัตรให้นะค่ะ คิดถึงค่า จุ๊ฟๆ

surprised smile surprised smile surprised smile

#3 By พี่พลอยจ๋า on 2008-02-04 18:29

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

#4 By MayaKniGht on 2008-02-04 18:42

^
^
^
ดีใจจังค่ะพี่ตู่.. ของเก่าคงไว้ค่ะ พลอยจ๋าตามกลับไปดูหลายเอนทรี่เก่าๆของพี่ตู่ก็กลับคืนมาเกือบหมดแล้วนะคะ(ขอบคุณนะค่ะที่แก้ไขให้คนอื่นๆสืบค้นข้อมูล เหนื่อยแย่ๆเลยน่ะคะพี่ตู่)

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

double wink double wink double wink

#5 By พี่พลอยจ๋า on 2008-02-04 18:51

บางทีการจะ develop อะไรมันต้องดูจุดประสงค์หลักของสิ่งนั้นๆด้วยนะครับ

ยุคนี้น้อยคนที่ยังเชื่อมต่อแบบ dial-up อยู่ ถ้าเราจะคิดถึงเค้าจริงๆ ก็ควรลดอะไรที่ไม่จำเป็นโดยรวมออกจากเวบเราให้มากที่สุด

เรื่องรูปนี่ บางทีไม่จำเป็นต้องลด quality ของไฟล์ก็ได้นะครับ
เพียงแต่ต้องดูว่าไฟล์นั้นๆ มันเป็นแบบไหน
บางประเภท save เป็น gif แล้วกินพื้นที่กะตี๊ดเดียว อันนี้ต้องดูด้วยครับ

ขอบคุณที่เอามาแบ่งันนะครับ

big smile

#6 By book on 2008-02-04 19:28

Hot! แหล่มมากค่ะน้องพลอย 5555 บล็อกนี้ให้มากกว่าความสงบจริง ๆ ^-^

ป.ล.เพลงนี้ล่อแหลม cry

#7 By b613 on 2008-02-04 20:32

^
^
^

ตายยยย..แว้ววววว ความลับแตก ถูกพี่นุชจับได้ กิกิ

ไม่ล่อ ไม่แหลมค่ะ.. เจ้าตัวที่ว่า "เหมือนว่าเขาเป็นเพื่อนแม่" ไปปลีกวิเวกเข้าป่า 10 กว่าวัน ปรอดโปร่งพลอยจ๋าซ่าได้ค่ะ กิกิdouble wink


confused smile confused smile confused smile

#8 By พี่พลอยจ๋า on 2008-02-04 20:39

confused smile

#9 By b613 on 2008-02-04 20:42

อิอิ ขอบคุณมากเลยคร้าบบ

#10 By ฟิวส์ on 2008-02-04 21:58

ผู้หญิงที่ชื่อพลอยจ๋า ช่างน่ามหัศจรรย์ เป็นยิ่งนัก มีความรู้เป็นแสนๆ เลยนะเนี่ย

แสนรู้เจงๆ เรย อิอิ

#11 By จั่นเจา on 2008-02-04 22:39

^
^
^

กรี๊ดสสสสส.. นี่เฮียหาว่าพลอยจ๋าเป็น นกหงส์หยก เหรอเนี้ยยยย..

ตายยยย แว้ววววว.. cry

ยังไงก็ไม่ได้เสี้ยวธุลีของเฮียหรอกค่า พลอยจ๋าก็ใฝ่ฝันว่าจะโต(แก่)ไปเป็นพลเมืองที่ดี มีคุณภาพและช่วยเหลือคนอื่นได้แบบเฮียจั่นบ้างเท่านั้นเองค่า กิกิ

big smile big smile big smile

#12 By พี่พลอยจ๋า on 2008-02-04 22:54

#ในตรงนี้เรานำ Script ข้างต้นไปแทรกตรงส่วนไหนก็ได้ของ HTML ทีเราต้องการแทรกเข้าไป#

พี่พลอยจ๋า เอาไปแทรงตรงส่วนไหนของ html หรอ8t งง!
หมายถึง css editor หรือว่า links ใช่รึเปล่าคะ

อธิบายให้อีกที ไม่รู้จะแก้ยังไง

แหมเข้าใจยากจัง

sad smile

#13 By Grammarman on 2008-02-05 10:28

^
^
^
แอบมาหยิกน้องแกรมม่าแมน(แต่เป็นเด็กหญิง กิกิ) ..ไม่ยอมดูรูปประกอบอ่ะ..

พี่พลอยจ๋าเอาไปใส่ไว้ในส่วนของลิงค์ค่ะ ก้ไอ้กล่องสุดท้ายในลิงค์หลังจากซีบ็อกอ่ะค่ะ นึกภาพไม่ออกลองดูภาพประกอบบนหัวเรื่องนะค่ะ ที่พี่พลอยเอาหัวใจวงไว้แล้วบอกว่า.. This is a แหล่มอ่ะค่ะพี่น้อง..

big smile big smile big smile

#14 By พี่พลอยจ๋า on 2008-02-05 10:44

ว้าวพี่พลอยจ๋าสุดยอดค่า ปรบมือๆ คิคิคิ
ขอบคุณที่ช่วยเหลือนะคะ Entryก็มีประโยชน์
น่ารักอย่างนี้..ไม่ติตตามต่อไปไม่ได้แล้ว surprised smile

#15 By sebin_เซบิน on 2008-02-05 11:57

^
^
^

ยัวเวลคัมค่าคุงน้องขา กิกิ double wink


surprised smile surprised smile surprised smile

#16 By พี่พลอยจ๋า on 2008-02-05 14:16

ตายแล้วววววววววววว

นู๋ไม่เคยเหนบล๊อกน่ารักแบบนี้เลยค่ะ

พี่พลอยรับช่วยแต่งบล๊อกให้นู๋หยกมั้ยคะ?

><''

ชอบอ่า

#17 By ♥~*$weetZz..BloG`!!*~♥ ™ on 2008-02-05 20:00

^
^
^

แท็งค์กิ้วค่าคุงน้องค่าสำหรับคำชม

คุงพี่เกรงว่าจะไม่ว่างช่วยคุงน้องแต่งบล็อกได้อ่าซิค่า เอางี้ไหมไว้รอพี่พลอยเขียนบรรยายการแต่งบล็อกคราวๆ สไตล์พี่พลอยจ๋าเอาไว้ในบล็อก แล้วคุงน้องมาเอ่านเอาแบบนั้นน่าจะดีกว่าเนาะ

ว่าแต่ว่าบล็อกของคุณน้องก็ไฉไลนะเคอะ สีชมพูหวานออก..

big smile big smile big smile

#18 By พี่พลอยจ๋า on 2008-02-05 20:13

อ๋อ ขอบคุณค่ะ

ตามัวจริงๆด้วย ไม่ได้ตาเบิดนะ

อิอิ

#19 By Grammarman on 2008-02-06 20:11

^
^
^

ทำได้แล้วเนาะ ยินดีด้วยจ้า ไม่เป็นไรๆ พี่เองก็อ่านพลาดบ่อยๆ เรื่องปกติเนาะ..

surprised smile surprised smile surprised smile

#20 By พี่พลอยจ๋า on 2008-02-07 16:14

Recommend