معیار های افزایش سرعت سایت و بررسی سرعت با Gtmetrix

معیار های افزایش سرعت سایت و بررسی سرعت با Gtmetrix
جی تی متریکس gtmetrix سایتی برای مشاهده و آزمایش سرعت بارگذاری سایت  است. Gtmetrix به مدیران سایت ها کمک می کند که از چگونگی بارگذاری بخش های مختلف سایت خود مطلع شده و از نقاط ضعف و اشکالاتی که ممکن است در روند بارگذاری و لود قسمت های مختلف از جمله تصاویر، اسکریپت ها، میزان فشرده سازی فایل ها و … وجود دارد، گاهی یابند. اگر مدیر سایت یا طراح وب هستید حتما URL سایت خود را در بخش مربوطه، در این سایت وارد نموده و از امکانات مفید آن استفاده نمایید.
انالیز سرعت

معیارهای افزایش بارگذاری سرعت صفحات سایت page speed

Specify a cache validator ( تعریف یک Cache Validator )
Combine images using CSS sprites ( ابعاد دهی به تصاویر و استفاده از تکنیک css sprites ) : مشخص نمودن عرض و ارتفاع برای تمامی تصاویر سبب سریعتر اجرا شدن صفحات می گردد ، چرا گه در این حالت نیازی به تغیر اندازه تصاویر توسط مرورگر نخواهد بود.
Optimize images ( بهینه سازی تصاویر ) : فشرده سازی و حالت دهی مناسب تصویر می تواند سبب کاهش ترافیک اطلاعات بر روی شبکه وب گردد.
Defer parsing of JavaScript ( به تعویق انداختن اجراء جاوا اسکریپت ) : در هنگام بارگذاری یک صفحه ، مرورگرها بایستی محتوای تمامی تگ های چاوا اسکریپت را تجزیه و اجرا نمایند ، که این فرآیند سبب افزایش زمان بارگذاری سایت می گردد . با فشرده سازی حجم جاوا اسکریپت های غیر لازم تا زمانی که مورد استفاده قرار گیرند ، شما می توانید زمان بارگذاری اولیه صفحه خود را کاهش دهید .
Inline small CSS ( استفاده نکردن از css داخلی ) : بهتر است تمام کدهای css در یک فایل style فراخوانی شوند.
Optimize the order of styles and scripts ( بهینه سازی ترتیب قرارگیری CSS و جاوا اسکریپت ها ) : فشرده سازی کد css سبب کاهش ارسال و دریافت اطلاعات بر روی شبکه و افزایش سرعت بارگذاری و اجرا صفحات وب می گردد.
Leverage browser caching ( بهبود Caching کش مرورگر ) : مشخص نمودن یک تاریخ انقضا و یا مشخص نمودن حداکثر طول عمر در بخش هدرهای HTTP ، برای صفحات استاتیک سبب می شود که مرورگرها از منابعی که قبلاً بارگذاری نموده اند استفاده نموده و دوباره آنها را از روی دیسک و یا حافظه سرور بازخوانی نکنند. که استفاده از این روش سبب افزایش سرعت بارگذاری صفحات وب می گردد.
Minify CSS ( کوچک سازی CSS ) : فشرده سازی کد css سبب کاهش ارسال و دریافت اطلاعات بر روی شبکه و افزایش سرعت بارگذاری و اجرا صفحات وب می گردد.
Remove query strings from static resources ( پاکسازی query string ها از منابع ثابت ) : اغلب پروکسی ها ، منابعی که علامت ” ؟ ” در Url آنها وجود داشته باشد را کش نمی کنند ، حتی اگر یک دستور Cache-Control : Public header تعریف شده باشد . برای فعال سازی کش پروکسی برای این منابع ، query string ها را از داخل منابع استاتیک حذف نمائید و بجای آن پارامترها را به نام فایل آنها ، رمزگذاری نمائید.
Specify image dimensions ( مشخص کردن ابعاد تصویر )
Minify HTML ( کوچک سازی HTML ) : فشرده سازی کد HTML شامل فشرده سازی تمامی کدهای Inline مربوط به جاوا اسکریپت و CSS می گردد که می تواند باعث کاهش حجم اطلاعات ارسالی و دریافتی بر روی شبکه و افزایش سرعت بارگذاری و اجرا صفحات وب می گردد .
Minify JavaScript ( کوچک سازی جاوا اسکریپت ) : فشرده سازی کد جاوا اسکریپت می تواند باعث کاهش حجم اطلاعات ارسالی و دریافتی بر روی شبکه و افزایش سرعت بارگذاری و اجرا صفحات وب می گردد .
Enable gzip compression ( فعال کردن فشرده سازی gzip در سرور )
Avoid a character set in the meta tag ( عدم بکارگیری character set ها در متاتگ ) : استفاده از character set ها در یک Meta tag سبب مختل شدن فرآیند دانلود محتوا در مرورگر IE8 می گردد . بمنظور بهبود فرآیند دانلود موازی و همزمان منابع بهتر است که character set ها به بخش محتوایی HTTP در Response Header منتقل شوند .
Enable Keep-Alive ( فعال سازی قابلیت Keep-Alive ) : با فعال سازی قابلیت HTTP Keep-Alive و یا HTTP Persistent Connections، به خط ارتباطی TCP این اجازه داده می شود که برای ارسال و دریافت اطلاعات ، درخواست های چندکاناله HTTP را انجام دهد و بنابراین تاخیر در اجرای فرامین کاربر را کاهش دهد .
Minimize request size (  حداقل نمودن تغییر مسیرها  ) : کوچک نگهداشتن کوکی ها و سرآیندهای درخواست تا حدممکن ،سبب می شود که یک درخواست HTTP را بتوان در یک بسته اطلاعاتی ارسال نمود.
Put CSS in the document head ( قراردادن CSS در ابتدای کد ) : انتقال بلوک های CSS داخلی و عناصر از قسمت body کد HTML به بخش Head ، سبب افزایش کارایی اجرای صفحات خواهد شد.
Specify a Vary: Accept-Encoding header ( تعریف یک سرآیند Vary Accept Encoding ) : اشکالات در برخی از پروکس های عمومی از آنجایی ممکن است ناشی شود که این پروکسی ها محتوای سایت شما را فشرده نموده و بسوی مرورگر کاربری که از نسخه فشرده سازی شده پشتیبانی نمی کند ، ارسال می کنند. تعریف سرآیند Vary: Accept Encoding سبب می شود که پروکسی هم نسخه فشرده ده و هم نسخه عادی از محتوا و منابع را ذخیره نماید.
Avoid CSS @import ( اجتناب از بکارگیری دستور [email protected] ) :  بکارگیری دستور [email protected] در یک style sheet بیرونی می تواند سبب بوجود آمدن تاخیرهای اضافی در هنگام بارگذاری صفحات یک وب سایت گردد .
Avoid bad requests ( اجتناب از درخواست های نامناسب ) : پاکسازی صفحات از لینک های شکسته و یا درخواست هایی که سبب ایجاد خطاهای ۴۰۴/۴۱۰ می گردند . از ایجاد درخواست های بیهوده اجتناب کنید.

سرعت

Yslow کارایی و عملکرد

Use a Content Delivery Network – CDN : ( بارگذاری CSS وجاوا اسکریپت ار فایل های بیرونی ) : بطور استراتژیک برای فعال سازی قابلیت کش (Cashe ) شدن CSS و جاوا اسکریپت توسط مرورگر آنها را از فایل های بیرونی بارگذاری نمائید نه بصورت lnline.
Make fewer HTTP requests ( کاهش درخواست های HTTP ) : کاهش تعداد درخواست (Request)های HTTP باتلفیق نمودن فایل ها و بلوک بندی css ها امکانپذیر است .
Add Expires headers : از یک Expire header برای کنترل نحوه Cache شدن سایت خود در مرورگرهای کاربران استفاده کنید.
Make AJAX cacheable ( کش نمودن AJAX ) : با فعال نمودن قابلیت cache (کش) شدن درخواست های AJAX می توان از بروز تاخیر در بارگذاری صفحات جلوگیری نمود .
Use cookie-free domains ( کاهش اندازه کوکی ها ) : بمنظور کوچک سازی اندازه سرآیند(header)های HTTP ، اندازه کوکی ها را تا حد امکان کوچک نگهدارید.
Reduce DNS lookups (  کاهش تعداد DNS lookup ها ) : DNSlookup ها سبب افزوده شدن یک تاخیر به درخواست های اولیه ارسالی بسوی یک میزبان می گردد.ارسال درخواست به سمت تعداد زیادی از میزبان های مختلف سبب کاهش کارایی یک وب سایت می گردد.
Reduce the number of DOM elements ( کاهش تعداد عناصر DOM ) : وجود یک صفحه وب پیچیده به معنای وجود بایت های بیشتر برای بارگذاری است ، و همچنین می تواند به معنای دسترسی کندتر DOM در جاوا اسکریپت باشد.
Avoid AlphaImageLoader filter ( عدم استفاده از فیلتر AlphaImageLoader ) : فیلتر AlphaImageloader که در اینرنت اکسپلورد تعبیه شده است سبب افزایش زمان بارگذاری صفحات می شود.
Make favicon small and cacheable ( ساخت favicon کوچک و قابل کش (cache) شدن ) : Favicon را در ابعاد کوچک تولید کرده و آن را بگونه ای پیکربندی کنید که قابل کش (cache) شدن باشد .
Avoid CSS expressions ( عدم استفاده از عبارات CSS ) : استفاده از عبارات CSS (پشتیبانی شده در IE نسخه ۵ به بعد ) روشی قدرتمند اما خطرناک برای تنظیم خواص CSS ها بصورت داینامیک هستند .
Configure entity tags – ETags ( پیکربندی E Tag ها ) : راه اندازی چندین سرور با استفاده از تنظیمات E Tag می تواند سبب جلوگیری از بروز خطای ۳۰۴ گردد.
Put JavaScript at bottom ( جایگذاری جاوا اسکریپت در انتهای کد ) : اسکریپت ها را به انتهای کد انتقال دهید تا مطمئن شوید که بر روی سایر اجزاء کد اثر مخربی نگذارند.

سرعتتان را تست کنید : http://gtmetrix.com

نوشته معیار های افزایش سرعت سایت و بررسی سرعت با Gtmetrix اولین بار در بهینه سازی سایت سئوفا پدیدار شد.

افزونه افزایش سرعت سایت وردپرسی WP Super Cache

افزونه کش WP Super Cache برای وردپرس

این افزونه برای سرعت بارگذاری سایت شما حائز اهمیت است، با کش کردن سایت خود سرعت سایت شما بالا میرود در ابتدا فایل های استاتیک html تولید میکند و دیگر نیازی نیست مرورگرها اسکریپتهای نسبتا سنگین php را بارگذاری کنند.

افزونه افزایش سرعت سایت وردپرسی WP Super Cache

این فایل ها برای اکثریت کاربرانی ارائه خواهد شد که وارد سیستم نشده اند یا دیدگاهی نگذاشته اند و یا پسورد پستهای محافظت شده را مشاهده نکرده اند. برای ۹۹% بازدیدکنندگان فایل های استاتیک ارائه میشود. یک فایل کش شده را می توان هزاران بار ذخیره کرد. سایر بازدیدکنندگان، فایلهای کش شده سفارشی برای بازدید آنها ذخیره میکنند، اگر وارد سیستم شده اند یا دیدگاهی گذاشتند، این جزئیات برای آنها نمایش داده خواهد شد و کش میشوند.

این افزونه به سه روش فایل های کش شده را ذخیره میکند:

۱.expert، سریع ترین روش استفاده از ماژول آپاچی “mod_rewrite” است که فایل های “supercached” را ذخیره میکند. عملکرد آن فوق العاده سریع است و کاملا از فایل های php گذر میکند.با ایجاد پیوند یکتا سفارشی دلخواه ماژول “mod_rewrite” در فایل htaccess ایجاد میشود.

۲.simple، فایل های استاتیک “supercached” توسط php میتوانند ذخیره شوند، این افزونه فایل “supercached” ذخیره خواهد کرد پیکربندی آن آسان است و نیازی به تغییر فایل htaccess نیست و همانند ماژول “mod_rewrite” میباشد. همچنین می توانید بخش های صفحه پویا در حالت کش نگه دارید.

۳.کش WP-Cache، این عمدتا برای کش صفحات برای کاربران شناخته شده، آدرس ها با پارامترها و فیدها استفاده می شود. کاربران شناخته شده در پروفایل کاربری خود وارد میشوند، بازدید کنندگان دیدگاه میگذارند، این روش انعطاف پذیر ترین حالت کش و کمی کندتر است. همچنین برای کاربران ناشناخته هم قابل مشاهده است حتی اگر supercaching غیرفعال باشد. شما می توانید بخش های پویا را در صفحه خود نیز در این حالت داشته باشید. این حالت همیشه فعال است، اما شما می توانید کش را برای کاربران شناخته شده ، آدرس ها با پارامترها یا فیدها به صورت جداگانه غیرفعال کنید. اگر فقط می خواهید از کش WP-Cache استفاده کنید، عبارت “DISABLE_SUPERCACHE” را در wp-config.php به ۱ تغییر دهید.

اگر ویرایش فایل های PHP برای شما سخت است از روش simple (روش پیش فرض) استفاده کنید.

تنظیمات افزونه wp super cache

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

در بخش کش کردن “کش کردن روشن” را انتخاب و روی “بروز رسانی وضعیت” کلیک کنید همچنین در بخش پایین میتوانید روی گزینه “تست کش” کلیک کنید و سایت خود را تست کنید.

اکنون کش بر روی سایت شما فعال شد و به سراغ تنظیمات بعدی میرویم در تب پیشرفته روش expert را انتخاب از ماژول “mod_rewrite” استفاده کنید و در آخر بروز رسانی وضعیت را بزنید، در روش پیش فرض توسط  php فایل های کش ارائه میشود به این دلیل از روش دوم بهتر است استفاده کنید.

در پایین، بخش “زمان ابطال & کالکشن زباله” مدت زمانی که کش را نگهداری میکند را نشان میدهد و میتوانید آن را تغییر دهید.

همچنین در تب پیش بارگذاری میتوانید تعیین کنید که کش فایل های شما هر چند دقیقه یکبار به روز رسانی شود.

موفق و پیروز باشید.

نوشته افزونه افزایش سرعت سایت وردپرسی WP Super Cache اولین بار در بهینه سازی سایت سئوفا پدیدار شد.