آموزش افزایش سرعت سایت (قسمت دوم )

سئو ارزان| مرداد ۲۵, ۱۳۹۴| آموزش سئو| 1 دیدگاه

آموزش افزایش سرعت سایت ( قسمت دوم ) – کاملا اختصاصی توسط سئو ارزان

در این مقاله سعی کردیم به صورت واضح و ساده ادامه آموزش افزایش سرعت سایت رو ادامه بدهیم.

در صورتی که مقاله اول را نخوانده اید ابتدا از طریق لینک زیر آن را مطالعه نمایید:

آموزش افزایش سرعت سایت ( قسمت اول )

در مقاله اول در مورد Http Request و روش های کم کردن آن صحبت کردیم.

حد اکثر زمان استاندارد لود شدن یک وبسایت ۵ ثانیه است.در این راه باید از ابزاری برای بررسی کارهایی که روی وبسایت در

جهت افزایش سرعت آن انجام میدیم استفاده کنیم.

ابزاری که من ( علی طباطبایی ) پیشنهاد میکنم وبسایت Gtmetrix هست.( برای ورود به این وبسایت کلیک نمایید )

چون تعداد زیادی از دوستان ارادت خاصی به این وبسایت دارند تصمیم گرفتیم در طی آموزش ها ، ارور های مختلفی که این وبسایت به مخاطب خود نشان میدهد را نیز بررسی کنیم.

همانطور که در تصویر زیر مشاهده میشود هنگامی که وبسایت خود را در Gtmetrix آنالیز میکنید دو رتبه به شما نشان داده خواهد شد :

GT

در این مقاله و مقالات بعدی ابتدا در مورد PageSpeed Score صحبت میکنیم و سپس به سراغ YSlow Score میریم.

همونطور که در عکس پیداست ما وبسایت خودمون رو آنالیز کردیم.نتایج خوبی به دست اومده اما میتونه بهتر هم بشه!

Request های ما ۴۴ تا هستند (همان Http Request ها که در مقاله قبلی در مورد آن صحبت کردیم)

متوسط تعداد Request ها ۶۸ مورد هستند (طبق گفته Gtmetrix) ولی خب با این وجود این تعداد request زیاد است و سرعت لود وبسایت را کاهش میدهد.

هرچه تعداد Request ها کمتر باشد طبیعتا سرعت لود وبسایت نیز بیشتر خواهد شد.

request ها مرتبط به بخش YSlow Score میشوند و در صورتی که تعداد آنها زیاد باشد ، میتونید با رفتن به بخش مذکور Http Requests ها رو مشاهده کنید.

rq

طبق عکس بالا وبسایت ما ۱۶ request اضافی دارد(در کل ۱۸ مورد است اما باید حداقل یک فایل css و یک فایل js وجود داشته باشد.)

این مورد با یکی کردن تمامی فایل ها به یک فایل حل میشود.چگونه؟

همونطور که در مقاله قبل هم گفتیم یک فایل به اسم main.css بسازید و تمامی کدهای فایل های css رو در آن کپی کنید و سپس اون فایل رو داخل قالب خودتون لینک کنید.

به صورت کلی لینک کردن فایل css به صورت زیر انجام میگیره:

<link rel="stylesheet" type="text/css" href="http://site-shoma.ir/main.css" />

باید در نظر بگیرید که فایل دقیقا در کجا قرار دارد و آدرس دهی صحیحی به آن داشته باشید.در صورتی هم که از سیستم مدیریت محتوای وردپرس استفاده میکنید میتونید از php برای آدرس دهی کردن استایلتون استفاده کنید‌:

<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />

هیچ کدوم از فایل های css تون رو پاک نکنید چون ممکنه بعدا با مشکل روبرو بشید(اصلا برای همین فایل main.css را ایجاد کردیم.)

حالا باید استایل هایی که در قالبمون لینک شده اند رو پاک کنیم(قبلا ما آنها را داخل فایل main.css خود کپی کرده ایم و دیگه به لینک شدن انها احتیاج نداریم و تنها فایل اصلیمون که همون main.css هست رو لینک میکنیم)

در صورتی که از وردپرس استفاده میکنید انجام اینکار سخت خواهد بود زیرا بسیاری از پلاگین ها و حتی فایل های مهم سیستم وردپرس توسط کد زیر که قبل از تگ بسته شدن <head/> قرار دارد فراخوانی میشوند :

<?php wp_head();?>

در این مورد مقاله ای جداگانه خواهیم نوشت.

خب بریم سراغ فایل های جاوا اسکریپتمون.شما با پاک کردن افزونه های بی فایده ممکنه بتونید تعدادی از این فایل های جاوا اسکریپت و حتی css رو به راحتی حذف کنید.

طبق عکس وبسایت ما داره ۱۳ فایل جاوا اسکریپت رو فراخوانی میکنه!

ما باید این ۱۳ فایل رو به یک فایل ( در صورت امکان ) تبدیل کنیم و حتی اگه هم نتونستیم حد اقل این تعداد رو کمتر کنیم.

دقیقا کار مشابه با یکی کردن فایل های css رو انجام میدیم و سپس باید فایلمون رو در قالبمون لینک بدیم.

<script src="http://site-shoma.ir/main.js"></script>

اگر هم سیستم مدیریت محتوای شما وردپرس بود ، به طریق زیر عمل کنید (توجه نمایید تا آدرس دهی به فایل صحیح باشد):

<script src="<?php bloginfo('template_url'); ?>/main.js"></script>

خب اگه تا اینجا ما رو همراهی کرده باشید ، به راحتی تونستید تعداد Http Request ها رو کم کنید.البته اگه از سیستم مدیریت محتوای وردپرس استفاده میکنید کارتون سخت تر خواهد بود.

در آمورش های بعدی به ترتیب سراغ مشکلات ذکر شده در سایت Gtmetrix خواهیم رفت.پس ما را در ادامه آموزش ها همراهی نمایید.

ممنون بابت وقتی که برای این مقاله گذاشتین.امیدوارم این سری مقاله ها بتونه بدردتون بخوره

 

تیم طراحی ، سئو و بهینه سازی سایتسئو ارزان

1 دیدگاه

  1. سرعت سایت تو سئو خیلی مهمه ممنون از شما دوست عزیز

نظر بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

میتوانید از کد های HTML زیر استفاده نمایید:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
*
*