سرعت سایت

sina110 · فروردین 93

سلام

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

الان تست گوگل رو چک کردم نمی دونم منظورش پیه؟

فقط باید با قند شکن بررسی کنید

majid_aqaiy · فروردین 93

هدف تمامی موتورهای جستجو، مانند گوگل، فراهم کردن تجربه*ای خوب برای کاربرانشان است، بنابراین سایتی سریع، کیفیت کلی سایت را افزایش داده و در نتیجه رضایت کاربران را به دنبال خواهد داشت. تجربه اینترنت سریع حق هر کاربریست. اهمیت این موضوع در وضعیت سایت در موتور جستجوی گوگل، به خوبی قابل مشاهده است. تعدادی از نکاتی که گفته خواهد شد، توسط SEOmoz اجرا شده*اند اما به دلیل سودمندی کلی آن*ها، به توضیح نکات خواهیم پرداخت.

بنابر این نکات بر اساس فاکتور*های متفاوت (به همراه توصیه*های مفید از گوگل و یاهو) و با استفاده از سایت SEOmoz به عنوان مثال، توضیح داده خواهند شد.

توجه: گرفتن بک آپ قبل از آغاز به کار ضروری می*باشد.

نکته: در طول این مقاله، عبارات SEOmoz و سئوموز به سایت انگلیسی زبان سئوموز اشاره دارد و دلیل آن انتشار این مقاله توسط همین نویسنده، در سایت انگلیسی زبان سئوموز می*باشد.

الف) سرور

انتخاب هاست مناسب از اولین قدم*های شروع ماجراجویی شما به عنوان وبمستر خواهد بود. هاستی با تنظیمات پیشرفته و مناسب، کمک بسیاری به شما خواهد کرد.

۱. در کش مرورگر ذخیره سازی کنید

CJ Patrick در مقاله*ای در خصوص چگونگی استفاده از Expires header*ها برای استفاده از کش مرورگر با عنوان «Expires header*ها برای سئو» توضیح می*دهد و می*گوید:

«مرورگر شما برای اینکه متوجه شود که آیا باید برای لود منبعی، درخواست دوباره بدهد و یا به کش خود مراجعه کند، از Expires header*ها کمک می*گیرد. وقتی شما برای منبعی، مثل تصاویر، Expires header در نظر می*گیرید، مرورگر شما این منابع را در کش خود ذخیره خواهد ساخت. کاربران در مراجعه دوباره به سایت، با سرعت بیشتری مواجه خواهند شد، زیرا مرورگر تمامی تصاویر را از قبل در حافظه خود داشته است.»

متاسفانه در لحظه ارسال این مطلب، SEOmoz از این قابلیت برای تصاویر و stylesheet خود استفاده نکرده است.

۲. Keep-Alive را فعال کنید

به گفته ویکی پدیا:

«Keep-Alive سیگنالی است که در فواصل زمانی از پیش تعین شده ارسال می*شود و نقش مهمی را در اینترنت ایفا می*کند. بعد از ارسال سیگنال، در صورتی که جوابی دریافت نشود، پیوند قطع شده محسوب شده و اطلاعات پیش رو، تا زمان برقراری دوباره پیوند، از راه*های دیگر تعیین خواهند شد.»

هر چند اطلاعات فوق بیشتر در خصوص TCP Keep-Alive صادق است تا HTTP Keep-Alive، اما به درک موضوع کمک خواهد کرد. در واقع کاربر در HTTP Keep-Alive به سرور می*گوید «می*خواهم این ارتباط TCP برای این قدر ثانیه برقرار باقی بماند». این امر به کاهش مدت عکس العمل درخواست*های بعدی کمک خواهد نمود. بنابر این، تماس با شرکت هاستینگ جهت معرفی این موضوع و یا درخواست فعال کردن آن، ارزشمند خواهد بود. هر چند اکثر این شرکت*ها، این امکان را غیرفعال کرده*اند (از جمله برای SEOmoz)، چون این امکانیست دلخواه (در حالی که اطلاعات منتقل شده در هر درخواست، کمتر از ۶۰ بایت خواهد بود).

۳. فشرده سازی gzip را فعال کنید

طرز کار فشرده سازی gzip

تصویر از betterexplained.com

به گفته موتور جستجوی یاهو:

«Gzip محبوب*ترین و کارامد*ترین شیوه فشرده سازی حال حاضر است و به کاهش تقریبا ۷۰ درصدی سایز پاسخ به درخواست کمک می*کند. تقریبا ۹۰% از ترافیک اینترنتی امروز از طریق مرورگرهایی صورت پذیرفته است که از gzip پشتیبانی می*کنند.»

استفاده از Gzip، سایز و در نتیجه مدت زمان رسیدن پاسخ*های HTTP را کاهش می*دهند. این شیوه ایست بسیار آسان که به کاهش وزن صفحات شما کمک خواهد کرد، و با افزودن کد زیر به فایل. htaccess فعال خواهد شد:

# compress text, html, javascript, css, xml:

AddOutputFilterByType DEFLATE text/plain

AddOutputFilterByType DEFLATE text/html

AddOutputFilterByType DEFLATE text/xml

AddOutputFilterByType DEFLATE text/css

AddOutputFilterByType DEFLATE application/xml

AddOutputFilterByType DEFLATE application/xhtml+xml

AddOutputFilterByType DEFLATE application/rss+xml

AddOutputFilterByType DEFLATE application/javascript

AddOutputFilterByType DEFLATE application/x-javascript

# Or, compress certain file types by extension:

SetOutputFilter DEFLATE

</files>

همچنین می*توانید از کد PHP زیر در ابتدای کد PHP یا HTML خود استفاده کنید:

<?php if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], ‘gzip’)) ob_start(“ob_gzhandler”); else ob_start(); ?>

همچنین می*توانید از پلاگین*ها (مثل پلاگین WP HTTP Compression برای وردپرس) استفاده کنید.

سئوموز از این تکنولوژی بهره می*برد، هر چند کدهای استفاده شده خارجی، مثل کد*های جاوا از AdRoll، Simpli و CloudFront قابلیت کاهش حجم، بیش از ۶۰% را با استفاده از gzip د اشتند.

۴. صفحات هدف را قابل کش کنید

صفحات طراحی شده مخصوص موبایل، کاربران را به آدرس دیگری (مثل www. seomoz. ir به m. seomoz. ir) منتقل خواهند ساخت؛ به همین دلیل فعال بودن قابلیت کش در این ریدایرکت*ها می*تواند در بارگذاری بعدی سایت شما مفید واقع شود. از ۳۰۲ redirect به همراه کش با مدت زمان یک روزه استفاده کنید که شامل Vary: User-Agent در کنار Cache-Control: private باشد. در این صورت، تنها کاربران مراجعه کننده از سایت*های موبایل منتقل خواهند شد.

۵. از CDN استفاده کنید.

استفاده CDN از چندین سرور

سرورهای مختلف استفاده شده برای CDN

شبکهٔ تحویل محتوا یا CDN، مجموعه ایست از سرورهای شبکه وب در مکان*های متفاوت که وظیفه رساندن و تحویل مطالب را به صورت کارا و سریع*تر به کاربر بر عهده دارد. سروری که وظیفه تحویل محتوا به کاربر را دارد، بر اساس فاصله با کاربر انتخاب می*شود. به طور مثال، سروری که قطعی شبکه کمتر و یا سرعت پاسخگویی بیشتری دارد انتخاب خواهد شد. همانطور که در تصویر بالا که از کنترل پنل شرکت MaxCDN تهیه شده است، محتوا ممکن است با توجه به مکان مراجعه کننده، از سرورهای متفاوتی بارگذاری شود. برای درک بهتر، می*توانید تفاوت هاست CDN و هاست معمولی را مشاهده کنید.

به نظر می*رسد SEOmoz. org از Amazon CloudFront استفاده می*کند. به هر حال نویسنده مطلب از MaxCDN استفاده کرده که خدمات و ابزار متفاوت و جالبی ارائه می*کند، همچنین قابلیت همخوانی با پلاگین W3 Total Cache در وردپرس را در کنار دیگر سیستم*های مدیریت محتوا از جمله دروپال و جوملا دارد.

ب) عناصر محتوایی

مادامی که دسترسی کامل به تنظیمات سرور در امکان شما نیست، محتوا نقش مهمی را به عنوان می*دانی برای مانور بر روی سرعت خواهد داست. با یکی از آشکار*ترین ضعف*های SEOmoz شروع می*کنیم:

۱. ریدایرکت*ها را کاهش دهید

گاهی مواقع برای بیان کردن موقعیت جدید یک لینک، دنبال کردن کلیک*ها، متصل کردن بخش*های یک سایت به یکدیگر و یا رزرو کردن چندین دامنه با هم، نیاز به ریدایرکت و هدایت دوباره مرورگر از آدرسی به آدرس دیگر خواهید داشت. ریدایرکت*ها درخواست*های HTTP را افزایش و در نتیجه مدت عکس العمل و لود سایت را کاهش می*دهند. تنها در صورتی از ریدایرکت*ها استفاده کنید که واقعا به آن*ها نیاز دارید و راهی جز استفاده از آن*ها ندارید. از جمله پیشنهادات موتور جستجوی گوگل می*توان به موارد زیر اشاره کرد:

هرگز آدرس*هایی که ریدایرکت می*شوند را در صفحات خود استفاده نکنید. هر بار که مقصد آدرس تغییر می*یابد، مرورگر شما نیاز به تغییر و به روز رسانی آدرس خود دارد.

هرگز برای رسیدن به منبع مورد نظرتان، از بیش از یک ریدایرکت استفاده نکنید. به طور مثال اگر هدف شما C است و دو نقطه آغاز متفاوت وجود دارد، به نام A و B، این دو باید مستقیما به C ختم بشوند. نه اینکه A به B و سپس به C ریدایرکت شود.

از دامنه*هایی که از ریدایرکت استفاده می*کنند اما محتوایی ارائه نمی*کنند، خودداری کنید. گاهی مواقع دامنه*های اضافی دیگری به یک سایت ختم می*شوند تا از غلط*های املایی کاربران در هنگام تایپ سو استفاده کنند.

تصویر زیر نشان می*دهد که وقتی مرورگر شما سعی می*کند سایت SEOmoz را بارگذاری کند، چه رخ می*دهد.

تاثیر ریدایرکت ها بر روی سرعت سایت

همانطور که مشاهده می*کنید، بیشترین زمان تلف شده در مجموعه ریدایرکت*های خارجی مشاهده می*شود. SEOmoz تقریبا از ۲۰ سلسله ریدایرکت استفاده می*کند که سرعت لود سایت را ۳۰۰۰ میلی ثانیه کاهش داده*اند.

۲. علامت سوال را از منابع ثابت پاک کنید

هر چند برخی از proxy*های نامناسب از این مورد چشم پوشی می*کنند و یا می*توان با تغییر اولیت پارام*تر*ها از این مورد گذر کرد اما به طور معمول، شما نمی*توانید لینکی با علامت «؟» در پایان را کش کنید. حتی اگر Cache-control: public نیز استفاده شده باشد. این علامت مشابه استفاده از Ctrl+F۵ عمل می*کند. از این علامت تنها در انتهای منابع پویا استفاده کنید.

۳. Charachter Set تعیین کنید

برای افزایش سرعت ترجمه و ارائه سایت، در HTTP headerهای خود Charachter set تعیین کنید. این کار با افزودن کد سادهٔ زیر امکان پذیر می*باشد:

توجه داشته باشید که کاراکتر ست تعیین شده در HTTP header*ها و متا تگ، یکسان باشند. در غیر اینصورت با مشکلات عملکردی جدی در مرورگر Internet Explorer مواجه خواهید شد. همچنین برخی مرورگر*ها از توابع برای تشخیص کاراکتر ست استفاده می*کنند (مانند تابع <?php bloginfo(‘charset’); ?> در وردپرس) در صورتی که از کاراکتر ست خود مطمئن هستید، آن را به جای تابع PHP جایگزین کنید. این موضوع به کاهش سایز درخواست*های شما کمک خواهد کرد، بنابر این تا حد امکان از HTML به جای PHP استفاده کنید.

۴. کد*هایتان را کوچک*تر کنید.

کوچک و Minify کردن تصاویر

حذف کامنتهای HTML، بخش*های CDATA، فضاهای خالی و المنتهای خالی حجم صفحه شما و زمان عکس العمل شبکه را کاهش و سرعت بارگذاری سایت را افزایش خواهد داد.

می*توانید از ابزار ساده*ای مانند Will Peavy minifier و یا در صورت استفاده از وردپرس، از پلاگین Autoptimize استفاده کنید (پلاگین مذکور از CDN نیز پشتیبانی می*کند).

۵. از درخواست*های بد خودداری کنید

Request و درخواست های بد

لینک*های شکسته، خطاهای ۴۰۴/۴۱۰ را به بار خواهند آورد و این امر موجب ایجاد درخواست*های بی*مورد و زمانبر خواهد شد. لینک*های شکسته خود را تعمیر کنید (به تصویر بالا در خصوص تفاوت و اهمیت این موضوع دقت کنید). می*توانید از بررسی کننده آنلاین لینک*های شکسته و یا پلاگین WordPress link checker استفاده کنید. همچنین خواندن مقاله مفید در خصوص ابزارهایی مثل Xenu Link Sleuth و Screaming Frog بسیار مفید خواهند بود.

۶. از منابع ثابت و استوار برای آدرس دهی استفاده کنید

بهترین کار، اشتراک گذاشتن توصیه*های موتور جستجوی گوگل در این خصوص است:

«در خصوص منابعی که در چندین صفحه مختلف استفاده شده*اند، به این موضوع که همه این المنتها به یک منبع و با یک آدرس ارجاع داده شده باشند، دقت کنید. در صورتی که منبع در چندین صفحه و سایت که با هم مرتبط هستند اما در دامنه و هاست*های مختلف هستند منتشر شده باشد، بهتر است است آن منبع از یک hostname بارگذاری شود تا اینکه برای هر بارگذاری به منبعی جداگانه مراجعه گردد. در این حالت، فایده*های کش به نجات شما می*آیند! به طور مثال اگر دو صفحه mysite. example. com و yoursite. example. com از یک کد جاوا استفاده می*کنند، بهتر است این فایل جاوا از یک آدرس، به طور مثال از mysite. example. com فراخوانده شود، در این حالت وقتی که مرورگر با آدرس مشابه در yoursite. example. com برای این فایل جاوا مواجه شود، به جای بارگذاری مجدد آن، از کش خود استفاده خواهد کرد.»

۷. مراجعه به DNS را کاهش دهید

Request و درخواست های بد

مراجعه به DNS مدت زمان قابل توجهی را برای پیدا کردن آدرس IP مناسب برای hostname به خود اختصاص می*دهد. مرورگر پیش از مراجعه به DNS، توان انجام هیچ کاری را ندارد. کاهش تعداد میزبان*های منحصر بفرد، می*تواند زمان پاسخگویی را کاهش دهد. ببینید چطور مرحله DNS Lookup برای یک فایل، تنها ۳ ثانیه از مدت زمان بارگذاری SEOmoz را به خود اختصاص داده است. شما می*توانید موارد مشابه را با استفاده از ابزار Pingdom کشف کنید.

نکته: تصاویرتان را به هم متصل و Sprite کنید. این بدان معناست که تصاویری که در تمامی صفحات شما بارگذاری می*شوند، فقط از یک تصویر مشترک بارگذاری شوند. این کار به کاهش مراجعات به DNS کمک خواهد کرد. SEOmoz بسیاری از تصاویرش را در یک تصویر، مثل این تصویر sprite گردآوری کرده است. برای اطلاعات بیشتر به SpriteMe مراجعه کنید.

ج) CSS، جاوا اسکریپت و تصاویر

۱. ابعاد تصویر را مشخص کنید

مرورگر شما قبل از بارگذاری تصاویر، سایت شما را بارگذاری و ارائه خواهد ساخت. تعیین کردن ابعاد تصویر به تعیین مکان و تصمیم مرورگر در خصوص المنتهای غیر قابل تغییر سایت، کمک خواهد کرد. اگر ابعاد تصاویر مشخص نشده باشند، مرورگر شما پس از بارگذاری تصاویر مجددا در خصوص چیدمان صفحه تثمیم خواهد گرفت. برای این کار از مشخصه*های height و width در تگ <img> استفاده کنید.

نوجه: هرگز برای تغییر اندازه تصاویر از این مشخصه*ها استفاده نکنید، حتی اگر با استفاده از این مشخصه*ها سایز تصویر نمایش یافته را کاهش داده*اید، کاربر** همان تصویر اصلی (بزرگ) را بارگذاری خواهد کرد.

۲. تصاویر را بهینه سازی کنید.

کامنت و اطلاعات اضافی در یک فایل تصویری

ممکن است تصاویر شامل کامنت و CDATA و یا رنگ*های بلااستفاده باشد. پایین نگه داشتن حجم تصاویر کمک فراوانی به کاربران با سرعت اینترنت ضعیف*تر خواهد کرد. سعی کنید تصاویر را با فرمت JPEG ذخیره کنید. می*توانید از می*انبر CTRL+SHIFT+ALT+S برای ذخیره تصویر بهینه در فتوشاپ استفاده کنید، همچنین می*توانید از ابزار Yahoo! Smush. it استفاده کنید، پلاگین این ابزار برای وردپرس با نام WP Smush. it در دسترس می*باشد. مطالب تکمیلی در این خصوص را در تالار گفتمان دنبال کنید.

سایت SEOmoz می*توانست تصاویر خود را تا ۵۰ کیلوبایت بدون از دست دادن کیفیت محسوس بهینه سازی کند.

۳. فایل*های CSS را در بالا و JS را در پایین قرار دهید

قرار دادن فایل*های CSS در بخش <head> قالب، از رندر کردن دوباره و تصاعدی جلوگیری خواهد کرد. در غیر این صورت ممکن است کاربر تا بارگذاری کامل سایت با صفحه سفید مواجه شود. این موضوع به استاندارد سازی صفحه خود بر اساس استانداردهای W3 نیز کمک خواهد نمود. همچنین کد*های جاوا اسکریپت خود را به دلیل مشابه در پایان صفحه قرار دهید.

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

روش*های دیگری نیز برای افزایش سرعت سایت وجود دارد اما سعی بر آن بود که به مهم*ترین آن*ها که مورد غفلت بسیاری از وبمستر*ها، حتی حرفه*ای*هایی مانند SEOmoz قرار می*گیرد اشاره شود. البته که سرعت سایت هدف اصلی سئو نیست اما بهترین سایت*ها با سرعت بارگذاری پایین، راه سختی برای رسیدن به موفقیت در پیش روی خواهند داشت. سایت خود را با سریع*ترین حالت ممکن ارائه کنید تا سریع*تر به اهداف خود برسید.

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

majid_aqaiy · فروردین 93

هدف تمامی موتورهای جستجو، مانند گوگل، فراهم کردن تجربه*ای خوب برای کاربرانشان است، بنابراین سایتی سریع، کیفیت کلی سایت را افزایش داده و در نتیجه رضایت کاربران را به دنبال خواهد داشت. تجربه اینترنت سریع حق هر کاربریست. اهمیت این موضوع در وضعیت سایت در موتور جستجوی گوگل، به خوبی قابل مشاهده است. تعدادی از نکاتی که گفته خواهد شد، توسط SEOmoz اجرا شده*اند اما به دلیل سودمندی کلی آن*ها، به توضیح نکات خواهیم پرداخت.

بنابر این نکات بر اساس فاکتور*های متفاوت (به همراه توصیه*های مفید از گوگل و یاهو) و با استفاده از سایت SEOmoz به عنوان مثال، توضیح داده خواهند شد.

توجه: گرفتن بک آپ قبل از آغاز به کار ضروری می*باشد.

نکته: در طول این مقاله، عبارات SEOmoz و سئوموز به سایت انگلیسی زبان سئوموز اشاره دارد و دلیل آن انتشار این مقاله توسط همین نویسنده، در سایت انگلیسی زبان سئوموز می*باشد.

الف) سرور

انتخاب هاست مناسب از اولین قدم*های شروع ماجراجویی شما به عنوان وبمستر خواهد بود. هاستی با تنظیمات پیشرفته و مناسب، کمک بسیاری به شما خواهد کرد.

۱. در کش مرورگر ذخیره سازی کنید

CJ Patrick در مقاله*ای در خصوص چگونگی استفاده از Expires header*ها برای استفاده از کش مرورگر با عنوان «Expires header*ها برای سئو» توضیح می*دهد و می*گوید:

«مرورگر شما برای اینکه متوجه شود که آیا باید برای لود منبعی، درخواست دوباره بدهد و یا به کش خود مراجعه کند، از Expires header*ها کمک می*گیرد. وقتی شما برای منبعی، مثل تصاویر، Expires header در نظر می*گیرید، مرورگر شما این منابع را در کش خود ذخیره خواهد ساخت. کاربران در مراجعه دوباره به سایت، با سرعت بیشتری مواجه خواهند شد، زیرا مرورگر تمامی تصاویر را از قبل در حافظه خود داشته است.»

متاسفانه در لحظه ارسال این مطلب، SEOmoz از این قابلیت برای تصاویر و stylesheet خود استفاده نکرده است.

۲. Keep-Alive را فعال کنید

به گفته ویکی پدیا:

«Keep-Alive سیگنالی است که در فواصل زمانی از پیش تعین شده ارسال می*شود و نقش مهمی را در اینترنت ایفا می*کند. بعد از ارسال سیگنال، در صورتی که جوابی دریافت نشود، پیوند قطع شده محسوب شده و اطلاعات پیش رو، تا زمان برقراری دوباره پیوند، از راه*های دیگر تعیین خواهند شد.»

هر چند اطلاعات فوق بیشتر در خصوص TCP Keep-Alive صادق است تا HTTP Keep-Alive، اما به درک موضوع کمک خواهد کرد. در واقع کاربر در HTTP Keep-Alive به سرور می*گوید «می*خواهم این ارتباط TCP برای این قدر ثانیه برقرار باقی بماند». این امر به کاهش مدت عکس العمل درخواست*های بعدی کمک خواهد نمود. بنابر این، تماس با شرکت هاستینگ جهت معرفی این موضوع و یا درخواست فعال کردن آن، ارزشمند خواهد بود. هر چند اکثر این شرکت*ها، این امکان را غیرفعال کرده*اند (از جمله برای SEOmoz)، چون این امکانیست دلخواه (در حالی که اطلاعات منتقل شده در هر درخواست، کمتر از ۶۰ بایت خواهد بود).

۳. فشرده سازی gzip را فعال کنید

طرز کار فشرده سازی gzip

تصویر از betterexplained.com

به گفته موتور جستجوی یاهو:

«Gzip محبوب*ترین و کارامد*ترین شیوه فشرده سازی حال حاضر است و به کاهش تقریبا ۷۰ درصدی سایز پاسخ به درخواست کمک می*کند. تقریبا ۹۰% از ترافیک اینترنتی امروز از طریق مرورگرهایی صورت پذیرفته است که از gzip پشتیبانی می*کنند.»

استفاده از Gzip، سایز و در نتیجه مدت زمان رسیدن پاسخ*های HTTP را کاهش می*دهند. این شیوه ایست بسیار آسان که به کاهش وزن صفحات شما کمک خواهد کرد، و با افزودن کد زیر به فایل. htaccess فعال خواهد شد:

# compress text, html, javascript, css, xml:

AddOutputFilterByType DEFLATE text/plain

AddOutputFilterByType DEFLATE text/html

AddOutputFilterByType DEFLATE text/xml

AddOutputFilterByType DEFLATE text/css

AddOutputFilterByType DEFLATE application/xml

AddOutputFilterByType DEFLATE application/xhtml+xml

AddOutputFilterByType DEFLATE application/rss+xml

AddOutputFilterByType DEFLATE application/javascript

AddOutputFilterByType DEFLATE application/x-javascript

# Or, compress certain file types by extension:

SetOutputFilter DEFLATE

</files>

همچنین می*توانید از کد PHP زیر در ابتدای کد PHP یا HTML خود استفاده کنید:

<?php if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], ‘gzip’)) ob_start(“ob_gzhandler”); else ob_start(); ?>

همچنین می*توانید از پلاگین*ها (مثل پلاگین WP HTTP Compression برای وردپرس) استفاده کنید.

سئوموز از این تکنولوژی بهره می*برد، هر چند کدهای استفاده شده خارجی، مثل کد*های جاوا از AdRoll، Simpli و CloudFront قابلیت کاهش حجم، بیش از ۶۰% را با استفاده از gzip د اشتند.

۴. صفحات هدف را قابل کش کنید

صفحات طراحی شده مخصوص موبایل، کاربران را به آدرس دیگری (مثل www. seomoz. ir به m. seomoz. ir) منتقل خواهند ساخت؛ به همین دلیل فعال بودن قابلیت کش در این ریدایرکت*ها می*تواند در بارگذاری بعدی سایت شما مفید واقع شود. از ۳۰۲ redirect به همراه کش با مدت زمان یک روزه استفاده کنید که شامل Vary: User-Agent در کنار Cache-Control: private باشد. در این صورت، تنها کاربران مراجعه کننده از سایت*های موبایل منتقل خواهند شد.

۵. از CDN استفاده کنید.

استفاده CDN از چندین سرور

سرورهای مختلف استفاده شده برای CDN

شبکهٔ تحویل محتوا یا CDN، مجموعه ایست از سرورهای شبکه وب در مکان*های متفاوت که وظیفه رساندن و تحویل مطالب را به صورت کارا و سریع*تر به کاربر بر عهده دارد. سروری که وظیفه تحویل محتوا به کاربر را دارد، بر اساس فاصله با کاربر انتخاب می*شود. به طور مثال، سروری که قطعی شبکه کمتر و یا سرعت پاسخگویی بیشتری دارد انتخاب خواهد شد. همانطور که در تصویر بالا که از کنترل پنل شرکت MaxCDN تهیه شده است، محتوا ممکن است با توجه به مکان مراجعه کننده، از سرورهای متفاوتی بارگذاری شود. برای درک بهتر، می*توانید تفاوت هاست CDN و هاست معمولی را مشاهده کنید.

به نظر می*رسد SEOmoz. org از Amazon CloudFront استفاده می*کند. به هر حال نویسنده مطلب از MaxCDN استفاده کرده که خدمات و ابزار متفاوت و جالبی ارائه می*کند، همچنین قابلیت همخوانی با پلاگین W3 Total Cache در وردپرس را در کنار دیگر سیستم*های مدیریت محتوا از جمله دروپال و جوملا دارد.

ب) عناصر محتوایی

مادامی که دسترسی کامل به تنظیمات سرور در امکان شما نیست، محتوا نقش مهمی را به عنوان می*دانی برای مانور بر روی سرعت خواهد داست. با یکی از آشکار*ترین ضعف*های SEOmoz شروع می*کنیم:

۱. ریدایرکت*ها را کاهش دهید

گاهی مواقع برای بیان کردن موقعیت جدید یک لینک، دنبال کردن کلیک*ها، متصل کردن بخش*های یک سایت به یکدیگر و یا رزرو کردن چندین دامنه با هم، نیاز به ریدایرکت و هدایت دوباره مرورگر از آدرسی به آدرس دیگر خواهید داشت. ریدایرکت*ها درخواست*های HTTP را افزایش و در نتیجه مدت عکس العمل و لود سایت را کاهش می*دهند. تنها در صورتی از ریدایرکت*ها استفاده کنید که واقعا به آن*ها نیاز دارید و راهی جز استفاده از آن*ها ندارید. از جمله پیشنهادات موتور جستجوی گوگل می*توان به موارد زیر اشاره کرد:

هرگز آدرس*هایی که ریدایرکت می*شوند را در صفحات خود استفاده نکنید. هر بار که مقصد آدرس تغییر می*یابد، مرورگر شما نیاز به تغییر و به روز رسانی آدرس خود دارد.

هرگز برای رسیدن به منبع مورد نظرتان، از بیش از یک ریدایرکت استفاده نکنید. به طور مثال اگر هدف شما C است و دو نقطه آغاز متفاوت وجود دارد، به نام A و B، این دو باید مستقیما به C ختم بشوند. نه اینکه A به B و سپس به C ریدایرکت شود.

از دامنه*هایی که از ریدایرکت استفاده می*کنند اما محتوایی ارائه نمی*کنند، خودداری کنید. گاهی مواقع دامنه*های اضافی دیگری به یک سایت ختم می*شوند تا از غلط*های املایی کاربران در هنگام تایپ سو استفاده کنند.

تصویر زیر نشان می*دهد که وقتی مرورگر شما سعی می*کند سایت SEOmoz را بارگذاری کند، چه رخ می*دهد.

تاثیر ریدایرکت ها بر روی سرعت سایت

همانطور که مشاهده می*کنید، بیشترین زمان تلف شده در مجموعه ریدایرکت*های خارجی مشاهده می*شود. SEOmoz تقریبا از ۲۰ سلسله ریدایرکت استفاده می*کند که سرعت لود سایت را ۳۰۰۰ میلی ثانیه کاهش داده*اند.

۲. علامت سوال را از منابع ثابت پاک کنید

هر چند برخی از proxy*های نامناسب از این مورد چشم پوشی می*کنند و یا می*توان با تغییر اولیت پارام*تر*ها از این مورد گذر کرد اما به طور معمول، شما نمی*توانید لینکی با علامت «؟» در پایان را کش کنید. حتی اگر Cache-control: public نیز استفاده شده باشد. این علامت مشابه استفاده از Ctrl+F۵ عمل می*کند. از این علامت تنها در انتهای منابع پویا استفاده کنید.

۳. Charachter Set تعیین کنید

برای افزایش سرعت ترجمه و ارائه سایت، در HTTP headerهای خود Charachter set تعیین کنید. این کار با افزودن کد سادهٔ زیر امکان پذیر می*باشد:

توجه داشته باشید که کاراکتر ست تعیین شده در HTTP header*ها و متا تگ، یکسان باشند. در غیر اینصورت با مشکلات عملکردی جدی در مرورگر Internet Explorer مواجه خواهید شد. همچنین برخی مرورگر*ها از توابع برای تشخیص کاراکتر ست استفاده می*کنند (مانند تابع <?php bloginfo(‘charset’); ?> در وردپرس) در صورتی که از کاراکتر ست خود مطمئن هستید، آن را به جای تابع PHP جایگزین کنید. این موضوع به کاهش سایز درخواست*های شما کمک خواهد کرد، بنابر این تا حد امکان از HTML به جای PHP استفاده کنید.

۴. کد*هایتان را کوچک*تر کنید.

کوچک و Minify کردن تصاویر

حذف کامنتهای HTML، بخش*های CDATA، فضاهای خالی و المنتهای خالی حجم صفحه شما و زمان عکس العمل شبکه را کاهش و سرعت بارگذاری سایت را افزایش خواهد داد.

می*توانید از ابزار ساده*ای مانند Will Peavy minifier و یا در صورت استفاده از وردپرس، از پلاگین Autoptimize استفاده کنید (پلاگین مذکور از CDN نیز پشتیبانی می*کند).

۵. از درخواست*های بد خودداری کنید

Request و درخواست های بد

لینک*های شکسته، خطاهای ۴۰۴/۴۱۰ را به بار خواهند آورد و این امر موجب ایجاد درخواست*های بی*مورد و زمانبر خواهد شد. لینک*های شکسته خود را تعمیر کنید (به تصویر بالا در خصوص تفاوت و اهمیت این موضوع دقت کنید). می*توانید از بررسی کننده آنلاین لینک*های شکسته و یا پلاگین WordPress link checker استفاده کنید. همچنین خواندن مقاله مفید در خصوص ابزارهایی مثل Xenu Link Sleuth و Screaming Frog بسیار مفید خواهند بود.

۶. از منابع ثابت و استوار برای آدرس دهی استفاده کنید

بهترین کار، اشتراک گذاشتن توصیه*های موتور جستجوی گوگل در این خصوص است:

«در خصوص منابعی که در چندین صفحه مختلف استفاده شده*اند، به این موضوع که همه این المنتها به یک منبع و با یک آدرس ارجاع داده شده باشند، دقت کنید. در صورتی که منبع در چندین صفحه و سایت که با هم مرتبط هستند اما در دامنه و هاست*های مختلف هستند منتشر شده باشد، بهتر است است آن منبع از یک hostname بارگذاری شود تا اینکه برای هر بارگذاری به منبعی جداگانه مراجعه گردد. در این حالت، فایده*های کش به نجات شما می*آیند! به طور مثال اگر دو صفحه mysite. example. com و yoursite. example. com از یک کد جاوا استفاده می*کنند، بهتر است این فایل جاوا از یک آدرس، به طور مثال از mysite. example. com فراخوانده شود، در این حالت وقتی که مرورگر با آدرس مشابه در yoursite. example. com برای این فایل جاوا مواجه شود، به جای بارگذاری مجدد آن، از کش خود استفاده خواهد کرد.»

۷. مراجعه به DNS را کاهش دهید

Request و درخواست های بد

مراجعه به DNS مدت زمان قابل توجهی را برای پیدا کردن آدرس IP مناسب برای hostname به خود اختصاص می*دهد. مرورگر پیش از مراجعه به DNS، توان انجام هیچ کاری را ندارد. کاهش تعداد میزبان*های منحصر بفرد، می*تواند زمان پاسخگویی را کاهش دهد. ببینید چطور مرحله DNS Lookup برای یک فایل، تنها ۳ ثانیه از مدت زمان بارگذاری SEOmoz را به خود اختصاص داده است. شما می*توانید موارد مشابه را با استفاده از ابزار Pingdom کشف کنید.

نکته: تصاویرتان را به هم متصل و Sprite کنید. این بدان معناست که تصاویری که در تمامی صفحات شما بارگذاری می*شوند، فقط از یک تصویر مشترک بارگذاری شوند. این کار به کاهش مراجعات به DNS کمک خواهد کرد. SEOmoz بسیاری از تصاویرش را در یک تصویر، مثل این تصویر sprite گردآوری کرده است. برای اطلاعات بیشتر به SpriteMe مراجعه کنید.

ج) CSS، جاوا اسکریپت و تصاویر

۱. ابعاد تصویر را مشخص کنید

مرورگر شما قبل از بارگذاری تصاویر، سایت شما را بارگذاری و ارائه خواهد ساخت. تعیین کردن ابعاد تصویر به تعیین مکان و تصمیم مرورگر در خصوص المنتهای غیر قابل تغییر سایت، کمک خواهد کرد. اگر ابعاد تصاویر مشخص نشده باشند، مرورگر شما پس از بارگذاری تصاویر مجددا در خصوص چیدمان صفحه تثمیم خواهد گرفت. برای این کار از مشخصه*های height و width در تگ <img> استفاده کنید.

نوجه: هرگز برای تغییر اندازه تصاویر از این مشخصه*ها استفاده نکنید، حتی اگر با استفاده از این مشخصه*ها سایز تصویر نمایش یافته را کاهش داده*اید، کاربر** همان تصویر اصلی (بزرگ) را بارگذاری خواهد کرد.

۲. تصاویر را بهینه سازی کنید.

کامنت و اطلاعات اضافی در یک فایل تصویری

ممکن است تصاویر شامل کامنت و CDATA و یا رنگ*های بلااستفاده باشد. پایین نگه داشتن حجم تصاویر کمک فراوانی به کاربران با سرعت اینترنت ضعیف*تر خواهد کرد. سعی کنید تصاویر را با فرمت JPEG ذخیره کنید. می*توانید از می*انبر CTRL+SHIFT+ALT+S برای ذخیره تصویر بهینه در فتوشاپ استفاده کنید، همچنین می*توانید از ابزار Yahoo! Smush. it استفاده کنید، پلاگین این ابزار برای وردپرس با نام WP Smush. it در دسترس می*باشد. مطالب تکمیلی در این خصوص را در تالار گفتمان دنبال کنید.

سایت SEOmoz می*توانست تصاویر خود را تا ۵۰ کیلوبایت بدون از دست دادن کیفیت محسوس بهینه سازی کند.

۳. فایل*های CSS را در بالا و JS را در پایین قرار دهید

قرار دادن فایل*های CSS در بخش <head> قالب، از رندر کردن دوباره و تصاعدی جلوگیری خواهد کرد. در غیر این صورت ممکن است کاربر تا بارگذاری کامل سایت با صفحه سفید مواجه شود. این موضوع به استاندارد سازی صفحه خود بر اساس استانداردهای W3 نیز کمک خواهد نمود. همچنین کد*های جاوا اسکریپت خود را به دلیل مشابه در پایان صفحه قرار دهید.

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

روش*های دیگری نیز برای افزایش سرعت سایت وجود دارد اما سعی بر آن بود که به مهم*ترین آن*ها که مورد غفلت بسیاری از وبمستر*ها، حتی حرفه*ای*هایی مانند SEOmoz قرار می*گیرد اشاره شود. البته که سرعت سایت هدف اصلی سئو نیست اما بهترین سایت*ها با سرعت بارگذاری پایین، راه سختی برای رسیدن به موفقیت در پیش روی خواهند داشت. سایت خود را با سریع*ترین حالت ممکن ارائه کنید تا سریع*تر به اهداف خود برسید.

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

majid_aqaiy · فروردین 93

از این تاپیک هم استفاده کن

بالا بردن سرعت سایت جوملا

التماس دعا

vahida368 · فروردین 93

از سایت زیر هم برای تست سرعت و عمکرد سایت و همینطور اپتیمایز کردن آنلاین تصاویر میتونید استفاده کنید

GTmetrix | Website Speed and Performance Optimization

sina110 · فروردین 93

دست همتون درد نکنه مرسی.

ولی من می خواستم بدونم اون اطلاعات گوگل چی هست و چه کاری باید انجام بدم

sina110 · فروردین 93

کسی نیست لطف کنه کمکم کنه؟

ali110haji · اردیبهشت 93

Enable compression = گزینه gzip رو فعال کن و همچنین از پلاگین های زیر میتونی استفاده کنی

Leverage browser caching = باید در فایل htacsess. یه سری کد برای کش کردن سایت استفاده کنی، پیشنهاد میشه از این تاپیک از فایل بهینه htaccess. استفاده کنی

Optimize images = عکس های سایت را کم حجم کن، این سایت برای کم حجم کردن فرمت png بهترینه

Reduce server response time = باید تعداد درخواست ها رو کم کنی از جمله استفاده از css sprite (این تاپیک)

Minify JavaScript & Minify CSS = اسکریپت ها و کدهای css رو فشرده و بهینه کن ، میتونی از پلاگین های زیر با احتیاط استفاده کنی

JCH Optimize و jFinalizer

ورود

سرعت سایت

8 پست در این موضوع

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

ایجاد یک حساب کاربری

ورود به حساب کاربری

خانه

فعالیت ها