วิธีการเพิ่มความเร็วเว็บไซต์ของคุณสำหรับการจัดอันดับการค้นหาที่ดีขึ้น

บทความที่เขียนโดย:
  • การ Search Engine Optimization
  • อัปเดต: เม.ย. 24, 2018

* หมายเหตุ: โพสต์นี้เผยแพร่ครั้งแรกในเดือนมีนาคม 2013 เครื่องมือบางอย่างที่ฉันพูดถึงอาจจะล้าสมัย

ไม่มีความลับใด ๆ ที่ Google ใช้ความเร็วไซต์เป็นหนึ่งในปัจจัยอันดับ บล็อก Google Webmaster Central ได้ประกาศอย่างเป็นทางการเกี่ยวกับเรื่องนี้เมื่อหลายปีก่อน:

คุณอาจเคยได้ยินมาว่าที่ Google เรากำลังหมกมุ่นอยู่กับความเร็วในผลิตภัณฑ์และบนเว็บ เป็นส่วนหนึ่งของความพยายามนั้นวันนี้เรากำลังรวมสัญญาณใหม่ในอัลกอริทึมการจัดอันดับการค้นหาของเรา ได้แก่ ความเร็วไซต์ ความเร็วไซต์สะท้อนถึงความเร็วที่เว็บไซต์ตอบสนองต่อคำขอเว็บ ...

Matt Cutts ได้กล่าวถึงความสำคัญของการเพิ่มประสิทธิภาพความเร็วเว็บไซต์ในหลายครั้ง วิดีโอ และ บล็อก.

ในขณะที่การค้นหาและการอ่านข้อมูลเพิ่มเติมเกี่ยวกับหัวข้อนี้ฉันได้พบกับกรณีศึกษาหลายกรณีที่ยืนยันเรื่องนี้ - ในหนึ่ง บทความเกี่ยวกับ Search Engine WatchWork Coach Cafe ได้รับการขนส่งสินค้าเกษตรอินทรีย์ที่เพิ่มขึ้น 40% หลังจากทำความสะอาดรหัสและลิงก์ที่ขาด ที่อื่น กรณีศึกษา, SmartFurniture.com ซีอีโอยืนยันว่าเว็บไซต์ดังกล่าวเป็นตัวควอนตัมในการจัดอันดับของเครื่องมือค้นหาโดยการเพิ่มประสิทธิภาพเว็บไซต์ของเขา

เวลาในการโหลดหน้าเว็บที่รวดเร็วยิ่งขึ้นเท่ากับการแปลงที่ดียิ่งขึ้น

แต่รอมีเหตุผลมากขึ้นว่าทำไมคุณควรใช้เวลาในการเพิ่มความเร็วในเว็บไซต์ของคุณ

ในการศึกษาเกี่ยวกับผู้ใช้เว็บไซต์ท่องเที่ยวฉันได้เรียนรู้ว่า 57% ของผู้ใช้เว็บไซต์จะรอประมาณสามวินาทีหรือน้อยกว่าก่อนที่จะละทิ้งไซต์

แพลตฟอร์ม การวิจัยยอดนิยมที่ Tagmanแสดงให้เห็นว่าการเพิ่มขึ้นของหนึ่งวินาทีในเวลาในการโหลดหน้าเว็บอาจทำให้เกิดการสูญเสียลูกค้าเกือบ 7% ใน Conversion

ในกรณีศึกษาอื่นที่ Cloud Living การมีส่วนร่วมของผู้เข้าชมไซต์ดีขึ้นโดย 19% (ระยะเวลาเซสชั่นเฉลี่ยดูภาพ) หลังจากเพิ่มประสิทธิภาพความเร็วไซต์

เว็บไซต์ที่รวดเร็วขึ้น = การเข้าชมหน้าเว็บต่อเซสชันและระยะเวลาเซสชั่นที่นานขึ้น ที่มา: Tung Tran, CloudLiving.com

ในระยะเวลาสั้น ๆ การโหลดหน้าเว็บจะไม่เพียง แต่ส่งผลต่อการจัดอันดับการค้นหา แต่ยังส่งผลกระทบอย่างมากต่ออัตรา Conversion และผู้เข้าชมเข้าถึง สำหรับสถิติที่คล้ายกันมากขึ้นโปรดดู Mashable สำหรับข้อมูลนี้ Infographic สวยงาม.

วิธีง่ายๆในการเพิ่มความเร็วเว็บไซต์ของคุณ

เมื่อครั้งแรกที่ฉันได้เรียนรู้เกี่ยวกับสองปีที่ผ่านมานี้ผมก็ชอบ "ว้าวมีประโยชน์มากมายในเรื่องนี้!" สิ่งที่เกิดขึ้นต่อไปคือคำถาม 'วิธี' อย่างหลีกเลี่ยงไม่ได้ เราจะเพิ่มความเร็วเว็บไซต์ของเราได้อย่างไร เราจะวัดความเร็วของเว็บไซต์ของเราและเปรียบเทียบกับคนอื่นได้อย่างไร? เราจะทำสิ่งต่างๆได้อย่างไรโดยไม่ต้องมีรายละเอียดทางเทคนิคมากเกินไป

Ian Lurie เขียนไว้ 29 วิธีเพิ่มความเร็วเว็บไซต์ของคุณ กลับในเดือนมีนาคม 2011 และเป็นอัญมณีที่แท้จริง หากคุณจริงจังเกี่ยวกับการปรับความเร็วของเว็บไซต์คุณควรทำตามเคล็ดลับทุกข้อที่แชร์ในบทความ

อย่างไรก็ตามหลายโซลูชั่นเหล่านี้อาจเกินกว่าทักษะทางเทคนิคของเจ้าของเว็บไซต์และบล็อกเกอร์ทุกวัน

ดังนั้นฉันคิดว่าฉันจะกลับไปทบทวนหัวข้อนี้และมองหาวิธีง่ายๆและเพื่อให้ผู้ใช้ที่ไม่ใช่เทคนิกสามารถใช้งานได้โดยไม่ต้องเทเวลาและพลังงานมากเกินไป

1 ผอมลงเว็บไซต์ของคุณ

ในหลาย ๆ ครั้งเมื่อเวลาโหลดหน้าช้าก็หมายความว่าหน้ามีน้ำหนักเกิน

การแก้ปัญหาเป็นเรื่องง่าย: ไปที่อาหาร!

ตรวจสอบเว็บไซต์ของคุณอย่างละเอียดและถามคำถามเหล่านี้:

  • คุณรักษา CSS ที่ไม่ได้ใช้งานไว้ในเซิร์ฟเวอร์หรือไม่? ลบออก!
  • รูปภาพของคุณใหญ่เกินไปหรือไม่? เพิ่มประสิทธิภาพด้วย Photoshop, Fireworks หรือ Smush หากคุณไม่มีซอฟต์แวร์กราฟิกที่ติดตั้งในเครื่องคอมพิวเตอร์ของคุณ
  • คุณมีส่วนหัว HTTP มากเกินไปหรือไม่ ลบออก!
  • คุณกำลังเก็บความคิดเห็นสแปมจำนวนมากหรือไม่? การลบความคิดเห็นในกล่องจดหมายขยะของคุณจะทำให้การตอบสนองฐานข้อมูลของคุณช้าลง ลบออกโดยเร็ว!
  • คุณใช้ปลั๊กอินมากเกินไปใน CMS ของคุณหรือไม่ คุณใช้ปลั๊กอินและสคริปต์ที่ล้าสมัยในไซต์ของคุณหรือไม่ ดีแล้วก็ถึงเวลาที่จะทำความสะอาดและปรับปรุงงานบางอย่าง
  • JavaScript ของคุณหนักเกินไปหรือไม่? ย่อและบีบอัด!

ในขณะที่เคล็ดลับเหล่านี้ดูเหมือนจะค่อนข้างง่ายฉันจะไม่แปลกใจถ้าผู้ดูแลเว็บหรือนักออกแบบเว็บที่มีประสบการณ์ไม่สามารถติดตามได้

ไม่กี่ปีหลังผมประมาทและฉันไม่ทราบว่าธีม WordPress ที่ฉันใช้มี <? php wp_get_archives ('type = monthly'); ? ฝังอยู่ในไฟล์ header.php

จำเป็นต้องพูดฟังก์ชันนี้จะสร้างบรรทัดที่ไม่จำเป็นในไฟล์ HTML เป็นจำนวนมากเมื่อเวลาผ่านไป เป็นความผิดพลาดที่โง่เขลาที่สามารถแก้ไขได้ในไม่กี่วินาที แต่หลังจากนั้นฉันใช้เวลามากกว่า 2 ปีในการตระหนักว่าฉันไม่ได้ดูซอร์สโค้ดของฉัน

2 หลีกเลี่ยงการใช้ HTTP 300, 400 และ 500 ที่ไม่จำเป็น

HTTP 300 หมายถึงการเปลี่ยนเส้นทางของเซิร์ฟเวอร์ HTTP 400 หมายถึงปัญหาการตรวจสอบสิทธิ์และ HTTP 500 หมายถึงข้อผิดพลาดของเซิร์ฟเวอร์ผลลัพธ์ทั้งหมดเหล่านี้สำหรับคำขอ HTTP ทำให้เกิดการเดินทางรอบพิเศษที่ไม่จำเป็นสำหรับเบราว์เซอร์ แม้ว่า HTTP 300 จะไม่สามารถหลีกเลี่ยงได้ (เช่นการเปลี่ยนเส้นทาง 301 ไปยังตำแหน่งของหน้าใหม่) คุณควรตรวจสอบข้อผิดพลาดของ HTTP 400 และ 500 ทุกข้อและพยายามแก้ไขปัญหาทุกข้อ

* เวลาเดินทางรอบอย่างไร?

พูดโดยทั่วไปน้ำหนักหน้าเว็บประมาณ 1,100KB ในขนาดและประกอบด้วยวัตถุ 100 ประมาณ ((ที่มา )); เว็บเบราเซอร์สามารถร้องขอวัตถุ 2 - 6 ได้ทีละครั้งเท่านั้นขึ้นอยู่กับการกำหนดค่าของผู้ใช้ เวลาเดินทางรอบคือจำนวนเที่ยวรอบที่ใช้สำหรับเบราว์เซอร์เพื่อเปิดหน้าเว็บทั้งหมด ตัวอย่างเช่นในการโหลดเว็บเพจที่มีวัตถุ 100 เบราว์เซอร์ที่มีการกำหนดค่าเพื่อดำเนินการ 5 คำขอในแต่ละครั้งจะใช้เวลาในการเดินทางไปรอบ ๆ 20 เพื่อโหลดหน้าเว็บ เนื่องจากการเดินทางไปกลับโดยรอบจะน้อยลงการโหลดหน้าเว็บจะเร็วขึ้น เราควรลดจำนวนวัตถุที่มีอยู่ในหนึ่งหน้า

3 ใช้สไปรท์ CSS

CSS สไปรท์หมายถึงเทคนิคที่มีการรวมรูปภาพหลายภาพไว้ในไฟล์ภาพเดียวและแสดงส่วนต่างๆให้กับผู้ใช้ต่อครั้ง การใช้ CSS Sprites ช่วยลดจำนวนเบราว์เซอร์และทำให้หน้าเว็บโหลดได้เร็วขึ้น

เดี๋ยวนี้รอฉันรู้ว่านี่อาจดูเหมือนเล็กเกินไปสำหรับบางคนที่ไม่ชอบที่จะทำให้มือของคุณเปียกชื้นใน CSS แต่เชื่อใจฉันแนวคิดนี้ง่ายกว่าเสียง และดีที่สุดคือมีเครื่องมือออนไลน์ฟรีที่สามารถทำสิ่งต่างๆได้โดยไม่ต้องสัมผัสกับโค้ด CSS เช็คเอาท์ Sprite Me และ Sprite Pad - สิ่งที่สามารถทำได้ในเพียงไม่กี่ลากและวางและคลิก

Sprite Pad

Sprite Pad

Sprite Me

Sprite Me

นอกจากนี้สำหรับการอ่านต่อและตัวอย่างของสไปรท์ CSS โปรดไปที่ นี้ และ นี้ เกี่ยวกับการสอน

4 หลีกเลี่ยงการใช้ CSS @import

ฟังก์ชัน CSS @import ช่วยโหลดสไตล์ชีตภายนอกไปยังหน้าเว็บของคุณ สิ่งที่ไม่ดีเกี่ยวกับเรื่องนี้คือการเพิ่มเวลาเดินทางเบราว์เซอร์เพิ่มเติมและเพิ่มเวลาในการโหลดหน้าเว็บของคุณ ในการแก้ปัญหานี้เพียงแค่ใช้ <link> แท็กแทน

ในกรณีที่คุณเป็น blogger แบบสบาย ๆ และไม่มีความคิดว่าฉันกำลังพูดถึงอะไรเพียงแค่ไปดูใน header.php ของคุณ (ถ้าคุณใช้ WordPress) ctrl + F และค้นหา'import 'ย้ายไฟล์. css ไปยังเซิร์ฟเวอร์เดียวกันถ้าจำเป็นให้แทนที่ @import lines ด้วย <link> แทน

ตัวอย่างเช่นแทนที่

@import url ("../ style1.css"); @import url ("../ style2.css")

ไปยัง

<link rel = "stylesheet" href = "style1.css"> <link rel = "สไตล์ชีท" href = "style2.css">

5 อัปเดต CMS ของคุณ

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

6 แคชทั้งหมดที่คุณสามารถใช้ Cache

วันนี้ในกรณีส่วนใหญ่ฉันพึ่งพาปลั๊กอินของบุคคลที่สามสำหรับแคช สำหรับหนึ่งฉันขี้เกียจเกินไปที่จะมองเข้าไปในนั้น; ประการที่สองมีผู้เชี่ยวชาญที่สามารถทำสิ่งที่ดีกว่าฉันมากเสียพลังงานในเรื่องนี้ทำไม? ในกรณีที่คุณใช้ WordPress ลองใช้ WP Super Cache - เป็นแคชที่ได้รับความนิยมมากที่สุด ปลั๊กอิน WP ในขณะที่เขียน ในกรณีที่คุณเป็น Joomla ตรวจสอบ ทำความสะอาดแคช.

โดยสรุปปลั๊กอินเหล่านี้ช่วยแคชหน้าเว็บเวอร์ชันล่าสุดและลดความต้องการในการสร้างเนื้อหาแบบไดนามิกในระหว่างการเข้าชมซ้ำ

มีรายละเอียดทางเทคนิคมากมายในหัวข้อนี้โปรดอ่านเพิ่มเติมได้ที่ ได้ที่นี่ และ ได้ที่นี่.

7 ใช้เครือข่ายการจัดส่งเนื้อหา (CDN)

CDN จัดเก็บไฟล์แบบสแตติกบนเซิร์ฟเวอร์ทั่วโลกและทำหน้าที่เว็บเพจของคุณจากเซิร์ฟเวอร์ที่แตกต่างกันตามที่ตั้งของผู้ใช้ ตัวอย่างเช่นเมื่อผู้ใช้จากมาเลเซียเข้าถึงเว็บไซต์ของคุณ CDN จะจัดเตรียมเนื้อหาเว็บของคุณ (ส่วนใหญ่เป็นไฟล์แบบสแตติกเช่นภาพและไฟล์ HTML) จากเซิร์ฟเวอร์ที่อยู่ในเอเชียเช่นสิงคโปร์; ในทางตรงกันข้ามถ้าผู้ใช้ตั้งอยู่ที่เม็กซิโกเครือข่ายจะเลือกที่จะนำเสนอเนื้อหาจากตำแหน่งเซิร์ฟเวอร์ที่ใกล้กว่ากล่าวคือประเทศสหรัฐอเมริกา

มียี่ห้อต่างๆของ CDN มีให้เลือก แต่โดยทั่วไป CDN สามารถแบ่งออกได้เป็นสองประเภทคือ Pull CDN และ Push CDN สำหรับรายละเอียดเพิ่มเติมผมขอแนะนำให้คุณดูในบางส่วนของบริการ CDN ที่มีชื่อเสียงเช่น MaxCDN และ CloudFlare.

8 พิจารณาเว็บโฮสต์ที่ดีกว่า

หากคุณจริงจังเกี่ยวกับการปรับแต่งเว็บไซต์ให้เร็วขึ้นให้พิจารณา เลือกโฮสติ้งที่ดีกว่า.

ประมาณหนึ่งปีที่ผ่านมาฉันเปลี่ยนหนึ่งในเว็บไซต์ของฉันจากบัญชีพื้นที่สาธารณะที่ Hostgator ไป เครื่องยนต์ WP (โฮสติ้งจากระบบคลาวด์) สิ่งที่เปลี่ยนแปลงไปอย่างมากนับตั้งแต่ที่ฉันย้ายไปความเร็วในการโหลดหน้าเว็บโดยเฉลี่ยลดลงจาก 900ms ไป 500ms ซึ่งเป็นอัตราการปรับปรุงที่เกือบ 100% (ดูตารางด้านล่าง)

ความเร็วในการโหลดหน้า WHSR

บทเรียนที่ได้เรียนรู้: บางครั้งคุณไม่สามารถพึ่งพาวัตถุดิบราคาถูก หากคุณจ่ายน้อยกว่า $ 5 ต่อเดือนอย่าคาดหวังว่าจะได้รับด้านบนของเกมความเร็วนี้ หากคุณต้องการให้เว็บไซต์ของคุณโหลดแสงเร็วบางทีวิธีที่ง่ายที่สุดในการทำเช่นนี้คือการเปลี่ยนเว็บไซต์ของคุณไปยังเว็บโฮสต์ที่ดีกว่า

9 เพิ่มประสิทธิภาพฐานข้อมูลของคุณ

ถ้าคุณอยู่ใน MySQL สิ่งที่สามารถทำได้อย่างง่ายดายใน phpMyAdmin และหากคุณใช้ WordPress สิ่งต่างๆสามารถทำได้ง่ายยิ่งขึ้นด้วยปลั๊กอินที่ถูกต้อง เพิ่มประสิทธิภาพ WPตัวอย่างเช่นช่วยให้คุณสามารถล้างข้อมูลในฐานข้อมูลของคุณได้ในไม่กี่คลิก

10 วางสคริปต์ของคุณที่ส่วนท้ายเมื่อใดก็ตามที่เป็นไปได้

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

เคล็ดลับเพิ่มเติมเกี่ยวกับการเร่งความเร็วเว็บไซต์ของคุณ

ตอนนี้คุณมีเคล็ดลับด่วน 10 ของฉันเกี่ยวกับการปรับปรุงความเร็วของเว็บไซต์

ผมมั่นใจว่ามีวิธีการอื่น ๆ อีกมากมายที่จะได้งานทำทำไมไม่บอกเราคุณ - อะไรคือเคล็ดลับ #1 ของคุณสำหรับ techies ไม่เพื่อเพิ่มความเร็วในเว็บไซต์ของตน?

บทความโดย Jerry Low

พ่อ Geek, ข้อมูลขี้ยา SEO, นักลงทุนและผู้ก่อตั้ง Web Hosting เปิดเผยความลับ เจอร์รี่ได้สร้างสินทรัพย์ทางอินเทอร์เน็ตและทำเงินออนไลน์ตั้งแต่ 2004 เขาชอบการทำงอมแงมและพยายามหาอาหารใหม่