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

บทความที่เขียนโดย:
  • การ 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 It หากคุณไม่มีซอฟต์แวร์กราฟิกติดตั้งในพีซีของคุณ
  • คุณมีส่วนหัว HTTP มากเกินไปหรือไม่ ลบออก!
  • คุณกำลังเก็บความคิดเห็นสแปมจำนวนมากหรือไม่? การลบความคิดเห็นในกล่องจดหมายขยะของคุณจะทำให้การตอบสนองฐานข้อมูลของคุณช้าลง ลบออกโดยเร็ว!
  • คุณใช้ปลั๊กอินมากเกินไปใน CMS ของคุณหรือไม่ คุณใช้ปลั๊กอินและสคริปต์ที่ล้าสมัยในเว็บไซต์ของคุณหรือไม่ ถ้าอย่างนั้นก็ถึงเวลาที่จะทำความสะอาดและปรับปรุงงาน
  • JavaScript ของคุณหนักเกินไปหรือไม่? ย่อและบีบอัด!

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

ไม่กี่ปีที่ผ่านมาฉันไม่สนใจและไม่ทราบว่าธีม WordPress ที่ฉันใช้มี <? php wp_get_archives ('type = month'); ?> ฝังอยู่ในไฟล์ 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 ในแต่ละครั้งขึ้นอยู่กับการกำหนดค่าของผู้ใช้ Round Trip Times คือจำนวนรอบการเดินทางที่เบราว์เซอร์ใช้ในการเปิดหน้าเว็บโดยสมบูรณ์ ตัวอย่างเช่นในการโหลดหน้าเว็บที่มีวัตถุ 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> แท็กแทน

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

เกี่ยวกับ Jerry Low

ผู้ก่อตั้ง WebHostingSecretRevealed.net (WHSR) - การตรวจสอบโฮสต์ที่เชื่อถือได้และใช้งานโดยผู้ใช้ของ 100,000 ประสบการณ์มากกว่า 15 ปีในเว็บโฮสติ้งการตลาดพันธมิตรและ SEO ผู้ร่วมให้ข้อมูลแก่ ProBlogger.net, Business.com, SocialMediaToday.com และอีกมากมาย