ความเร็วในการโหลดเว็บไซต์ช้ามาก

ความเร็วในการโหลดหน้าเว็บไซต์ Magento ของลูกค้าของฉันช้ามาก ฉันจะทำอย่างไรเพื่อลดเวลาในการโหลดหน้าเว็บ

URL ไซต์คือ desibazaar.pk

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

ในภาพหน้าจอคุณสามารถดูว่ามันค่อนข้างต่ำ (200ms) ดังนั้นในกรณีนี้ปัญหาจะไม่อยู่บนเซิร์ฟเวอร์ แต่อยู่ที่ส่วนหน้า ทีนี้ถ้ามันจบไปสมมติว่าคุณต้องการเพิ่มประสิทธิภาพสักวินาที

ก่อนที่คุณจะตบไปที่ boosters และแคชพิเศษซึ่งไม่ใช่ตัวแก้ไขเพียงตัวช่วยแก้ไขหรือแถบเพื่อซ่อนปัญหาจริงให้ลองดูว่าอะไรช้า คุณสามารถใช้เครื่องมือต่าง ๆ ได้เช่นกัน

ข้อความค้นหาช้า

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

โปร

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

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

อีกหนึ่งเครื่องมือที่ดีคือไฟสีดำ เนื่องจาก Aoe_Profiler เป็นโมดูลใน Magento มันไม่ได้แสดงกระบวนการ php พื้นฐานและอาจผิดพลาดในการติดตั้งขนาดใหญ่ที่มีโมดูลจำนวนมาก ไฟสีดำทำงานบนเซิร์ฟเวอร์ ด้วย Hackathon เราตั้งกล่อง Vagrant ด้วยไฟสีดำที่คุณสามารถใช้ได้ เพียงแค่วางโครงการของคุณที่นั่นและยิงมันขึ้นมา ตรวจสอบไซต์ไฟสีดำสำหรับข้อมูลเพิ่มเติมวิธีการใช้งาน

สุดท้ายอาจจะเป็นที่ชื่นชอบ: ที่ระลึกใหม่

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

New Relic ยังมีบล็อกโพสต์เกี่ยวกับวิธีการแก้ปัญหา Magentoซึ่งฉันสามารถแนะนำ ตรวจสอบโมดูลProxiBlue New Relicสำหรับข้อมูล Magento เพิ่มเติมใน New Relic

โดยพื้นฐานแล้วสิ่งนี้จะแสดงคุณสมบัติที่อธิบายไว้ข้างต้นทั้งหมดเช่นการสืบค้นที่ช้ากระบวนการใน PHP ฯลฯ และแสดงในกราฟและตารางอย่างง่าย สิ่งนี้จะช่วยให้คุณเข้าใจอย่างถ่องแท้ว่าเกิดอะไรขึ้นในการติดตั้งของคุณ

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

การเพิ่มประสิทธิภาพความเร็วเว็บไซต์ใน Magento เป็นหัวข้อที่กว้างใหญ่มาก นี่คือลิงค์เดียวที่สามารถช่วยคุณได้

http://www.gxjansen.com/blog/101-ways-to-speed-up-your-magento-e-commerce-website/

สรุปสาระสำคัญของมัน

คุณต้องมีสมาธิกับสองด้านคือ 1. การเพิ่มประสิทธิภาพส่วนหน้า 2. การเพิ่มประสิทธิภาพส่วนหลัง

การเพิ่มประสิทธิภาพส่วนหน้า

1. คุณสามารถติดตั้ง Fooman Speedster - http://www.magentocommerce.com/magento-connect/speedster-by-fooman.htmlและเปิดใช้ css, js merge

2. เปิดใช้งานการแคชบล็อกของวีโอไอพีในผู้ดูแลระบบ

3. เปิดใช้งานการบีบอัด Gzip

การเพิ่มประสิทธิภาพแบ็กเอนด์

1. คุณสามารถกำหนดค่า Varnish สำหรับการแคชแบบเต็มหน้า

2. เปิดใช้งานภาวะแทรกซ้อนในแบ็กเอนด์

3. เปิดใช้งานโครงสร้างแบบเรียบสำหรับแคตตาล็อก (หมวดหมู่และผลิตภัณฑ์)

นี่เป็นเทคนิคเล็กน้อยที่ฉันพบเพื่อช่วยเร่งไซต์ของคุณคุณอาจต้องการลอง:

เลื่อนการโหลดภาพโดยเพิ่มสิ่งนี้ลงใน /template/page/html/head.phtml

<script>
function init() {
var imgDefer = document.getElementsByTagName('img');
for (var i=0; i<imgDefer.length; i++) {
if(imgDefer[i].getAttribute('data-src')) {
imgDefer[i].setAttribute('src',imgDefer[i].getAttribute('data-src'));
} } }
window.onload = init;
</script>

จากนั้นใน/template/catalog/product/list.phtmlการเปลี่ยนลิงค์ภาพของคุณเช่นนี้:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AQQATUqB0EhKgAAAAxJREFUCNdj+P//PwAF/gL+3MxZ5wAAAABJRU5ErkJggg==" data-src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(135); ?>" width="135" height="135" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" /></a>

อีกคนหนึ่งคือ "Pre Gzip" javascripts ทั้งหมดของคุณและไฟล์ CSS .htaccessแล้วเพิ่มนี้เพื่อคุณ

    <ifModule mod_headers.c>
    ##### serve pre gziped files #####
    # Rules to correctly serve gzip compressed CSS and JS files.
    # Requires both mod_rewrite and mod_headers to be enabled.
    # Serve gzip compressed CSS files if they exist and the client accepts gzip.
    RewriteCond %{HTTP:Accept-encoding} gzip
    RewriteCond %{REQUEST_FILENAME}\.gz -s
    RewriteRule ^(.*)\.css $1\.css\.gz [L,QSA]

    # Serve gzip compressed JS files if they exist and the client accepts gzip.
    RewriteCond %{HTTP:Accept-encoding} gzip
    RewriteCond %{REQUEST_FILENAME}\.gz -s
    RewriteRule ^(.*)\.js $1\.js\.gz [L,QSA]

    # Serve correct content types, and prevent mod_deflate double gzip.
    RewriteRule \.css\.gz$ - [T=text/css,E=no-gzip:1]
    RewriteRule \.js\.gz$ - [T=text/javascript,E=no-gzip:1]
</IfModule>

Magento เป็นกรอบอีคอมเมิร์ซที่ยอดเยี่ยม มีคุณสมบัติมากมายและคุณสามารถสร้างแพลตฟอร์มอีคอมเมิร์ซที่ปรับขนาดได้ ฉันใช้ Magento ในโครงการล่าสุดของฉันและประสบปัญหาความเร็วนี้ หลังจากทำการวิจัยและดัดแปลงแล้วฉันก็เร่งเว็บไซต์ของฉัน

การเพิ่มประสิทธิภาพเซิร์ฟเวอร์

• ใช้ Nginx เป็นเว็บเซิร์ฟเวอร์
• ย้าย MySQL ไปยังเซิร์ฟเวอร์อื่นด้วยแบบจำลองต้นแบบทาส ถ้าคุณใช้ AWS ให้ใช้ RDS สำหรับ MySQL
• ปรับแต่ง Nginx & Php-fpm
• เปิดใช้งานการบีบอัด gzip
• เปิดใช้งานแคชเบราว์เซอร์

การตั้งค่าวีโอไอพี

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

ติดตั้ง Redis Cache, APC Opcode & ส่วนขยายแคชแบบเต็มหน้า - ติดตั้งตัวเร่ง PHP - ติดตั้ง Redis cache สำหรับแบ็คเอนด์และแคชเซสชัน - ติดตั้ง Lesti FPC

การปรับภาพให้ดีที่สุด & YSlow - โดยเฉลี่ย 56 เปอร์เซ็นต์ของน้ำหนักหน้าเว็บไซต์ประกอบด้วยภาพ การปรับภาพผลิตภัณฑ์ให้เหมาะสมสามารถเพิ่มความเร็วของหน้าเว็บของคุณได้อย่างมากเนื่องจากจะลดเวลาในการดาวน์โหลด - สแกนเว็บไซต์ของคุณผ่าน gtmetrix หรือ Pingdom และทำตามคำแนะนำการเพิ่มประสิทธิภาพ

ใช้ CDN

คุณสามารถอ่านรายละเอียดเกี่ยวกับสิ่งนี้ได้ในเว็บไซต์ของฉัน: http://www.ranjeetvimal.com/tips-to-speed-up-magento-1-9-performance/

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

สิ่งอื่น ๆ ที่คุณสามารถทำได้ -

1. รวมไฟล์ JS และ CSS

Magento admin -> System Configuration -> Developer -> Under “Javascript Settings”, change “Merge Javascript Files” to YES.
Magento admin -> System Configuration -> Developer -> Under “CSS Settings”, change “Merge CSS Files” to YES

2. เปิดใช้งานการบีบอัดเอาต์พุตหมดอายุส่วนหัวและปิดใช้งาน ETags ในไฟล์. htaccess โปรดดูที่/programming//a/14745165/3114253

3. ใช้ CDN ถ้าเป็นไปได้

4. ใช้คุณสมบัติการรวบรวมของวีโอไอพี มีการรายงานเพื่อเพิ่มประสิทธิภาพ 25% -50% ให้กับคุณ: ระบบ> การกำหนดค่า > เครื่องมือ> การรวบรวม

5. แสดงเลขที่น้อยกว่า ของผลิตภัณฑ์ในหน้ารายการสินค้า

6. เปิดใช้งานแค็ตตาล็อกแบบเรียบ

จากอินเทอร์เฟซผู้ดูแลระบบ Magento ไปที่ระบบ> การกำหนดค่า> แคตตาล็อก ภายใต้ส่วนหน้าให้เปลี่ยนใช้ประเภทแคตตาล็อกแบบแบนเป็นใช่ หากต้องการภายใต้ส่วนหน้าให้เปลี่ยนใช้ผลิตภัณฑ์แคตตาล็อกแบบแบนเป็น YES ล้างแคช

หากคุณพยายามเร่งความเร็วส่วนหน้าของคุณ:

• ใช้ CDN สำหรับภาพ (!) และลดขนาดภาพ
• เชื่อม CSS และ JS เข้าด้วยกัน
• โหลด JS ก่อนแท็กเนื้อหาปิด
• ใช้การโหลด js แบบอะซิงโครนัสเมื่อทำได้
• ใช้สไปรต์รูปภาพหรือไอคอนแบบอักษรแทนไฟล์ png หลายพันไฟล์
• ลด CSS ที่ไม่ได้ใช้
• สร้างเส้นทางที่สำคัญสำหรับ CSS ของคุณ

แบ็กเอนด์:

• ใช้แคชเพิ่มเติมเช่นวานิช (TTFB <15ms) หรือLestiFpc
• โปรไฟล์การโหลดหน้าเว็บและแบบสอบถาม MySQL ที่ซับซ้อนและแก้ไข
• เปิดใช้งาน gzip, etags, เบราว์เซอร์แคช ฯลฯ ผ่าน. htaccess
• ใช้ MySQL บนเซิร์ฟเวอร์เดียว

หากต้องการเพิ่มความเร็วเว็บไซต์วีโอไอพีคุณอาจต้องการสแกนด้วย www.gtmetrix.com หรือข้อมูลเชิงลึกของหน้า Google Page ก่อน:

จากนั้นคุณสามารถตัดสินใจได้ว่าจะทำอะไร ในกรณีส่วนใหญ่มันจะลงไปที่:

• ปรับเวลาเป็นไบต์แรก (TTFB)เพื่อลดเวลาตอบสนองของเซิร์ฟเวอร์
• เลื่อนการแยกวิเคราะห์ Javascript ออก
• ปรับภาพให้เหมาะสม
• ใช้ CSS Sprite
• ตั้งค่าการลดขนาดรูปภาพ
• ลดขนาด CSS / JS / HTML
• ผสาน JS / CSS เพื่อลดจำนวนคำขอ HTTP

ถ่ายจาก34 วิธีเพื่อเพิ่มความเร็ว M1 และ M2