بهینه سازی سرعت سایت با GTMetrix
بهینه سازی سرعت سایت با GTMetrix
آموزش بهینه سازی سرعت سایت با وب سایت Gtmetrix
بهینه سازی سرعت سایت از عوامل مهم در بهینه سازی سایت و سئو سایت میباشد،بهینه سازی سرعت سایت با ابزار GTMetrix یکی ازمهم ترین بخش های آنالیز سرعت سایت میباشد،سایت GTMetrix ابزاری بسیار خوبی برای آنالیز سرعت سایت و بهینه کردن تصاویر سایت شما میباشد،در آموزش های سئو سایت اصفهان وب یار آموزش بهینه کردن تصاویر سایت قبل ار انتشار مطالب به شما دوستان عزیز وب یاری ارایه شد،که ابتدا تا حد ممکن خودتان تصاویرتان را بهینه کنید.و در صورت نیاز از سایت GTMetrix استفاده کنید.
Website Speed and Performance Optimization
بریم سراغ یه آشنایی کلی از سایت GTMetrix:
سایت GTMetrix یک سایت خارجی می باشد که برای طراحان وب سایت ها و سئو کاران و صاحبان وب سایت ها ایجاد شده است که به آنها در بهبود سرعت سایت یا PageSpeed ( سرعت بارگزاری صفحات سایت) کمک میکند . و اطلاعات لازم را در خصوص سرعت بارگزاری سایت به آنها ارایه میدهد.
GTMetrix در حقیقت از استانداردهایی که گوگل به عنوان معیار قرار داده استفاده میکند همچنین گوگل یه افزونه برای این کار طراحی کرده که همین کار رو انجام میده ، این افزونه هم برای Chrome, Firefox قابل دسترس هست.
بنابراین با گفتن تمامی این حرف ها به یک نتیجه رسیدیم و اون هم اینه که در حال حاضر GTMetrix یکی از بهترین سایت های موجود برای بررسی سرعت سایت و ارایه راهکارهایی برای افزایش سرعت سایت ما می باشد.
افزایش سرعت سایت با gtmetrix
مطالبق با تصویر بالا بعد اینکه آدرس سایت مورد نظرتون رو در قسمت “Analyze Performance of” وارد کردین، روی دکمه “Go!” کلیک کنین تا عملیات بررسی سایت شروع شه. بعد از مدت کوتاهی صفحه ای به شکل زیر باز میشه که نتایج بررسی انجام شده رو بهتون نشون میده.
آنالیز سرعت سایت با gtmetrix
نتیجه حاصل از دو بخش اصلی Summary و Breakdown تشیکل شده:
اطلاعات نمایش داده شده در Summary : این قسمت نمایش آماری اطلاعات بدست اومده در بخش Breakdown رو نشون میده.
:Page Speed Gradeتو این قسمت به کمک یک درصد (۸۵%) میزان بهینه بودن موارد موجود در بخش Breakdown رو مشاهده میکنین.
:YSlow Gradeدر این قسمت هم مثل قسمت قبل یک درصد (۸۳%) به شما نمایش داده شده با این تفاوت که این بار ملاک های موجود در بخش YSlow واقع در Breakdown مد نظر قرار گرفته. YSlow ابزار و استانداردهای یاهو برای PageSpeed هست.
:Page load timeزمان بارگزاری سایت رو بر حسب ثانیه نشون میده
:Total page size حجم صفحه ای که اون رو مورد بررسی قرار دادین
:Total number of requestsتعداد درخواست هایی که به سرور برای بارگزاری قسمت های مختلف سایت ارسال میشه
نکته : هر چه تعداد درخواست های رد و بدل شده بین سرور و مرورگر کمتر باشه هم فشار کمتری به سرور وارد میشه و هم سرعت سایت بالاتر میره.
اطلاعات بدست آماده در :Breakdown
بخش Breakdown در GTMetrix از چهار زبانه تشکیل شده که به ترتیب زیر هستن :
:PageSpeed اطلاعات بدست اومده از بررسی سایت با الگوریتم های گوگل رو نشون میده.
:YSlow اطلاعات بدست اومده از بررسی سایت با الگوریتم های یاهو رو نشون میده.
:Timeline تو این بخش با استفاده از نمودار زمان بارگزاری هر بخش رو نشون میده. میشه اطلاعات مفیدی رو از نحوه بارگزاری سایت تو این بخش گیرآورد.
:History در این بخش تاریخچه ای از بررسی هایی انجام شده بر روی آدرس وارد شده رو نمایش میده تا از افت و خیز اون در فواصل مختلف اطلاع پیدا کنین.
آموزش طراحی فلت در اصفهان حالا چند وقتیه که اصطلاح طراحی فلت خیلی باب شده,البته بهتر بگم چندین سال,من هم امروز تصمیم گرفتم درباره ی طراحی فلت پست جدیدی در وب یار قرار بدهم,تا کسانیکه مایل به دانستن اطلاعات درباره ی طراحی فلت هستند,به اطلاعاتی جامع و کامل از طراحی فلت برسند. خب حالا قدم‌به‌قدم تاانتهای این پست با من باشید تا ببنید که چه مطالب مفیدی از طراحی فلت دستتون میاد. خب خیلی وقتتون رو نمی‌گیرم و سریع شروع میکنم. اول از همه:طراحی فلت چیست (flat design) طراحی فلت به نوع جدیدی از طراحی گفته میشود که اول ازهمه در کشورهای خارجی باب شد. که در آن از نوع خاصی از رنگ ها ,آیکون ها و محدودیت های خاص خودش استفاده میشه و یه شعار خاص. در واقع همه چیز ساده است اما زیبا… در طراحی تخت به مانند طراحی سنتی دیگر از سایه‌های مخلتف ، گرادینت‌ها ، آنیمیشن‌ها ، تکسچرها و پترنها استفاده نمی‌شود.این نوع طراحی clean ، ساده و دارای یک ساختار تمیز و مرتب است ، فضای خالی زیاد دارد ، رنگ‌ها روشن، ساده و یکپارچه هستند، همه‌ی المان‌ها ۲ بعدی می‌باشند ، گوشه‌ها شارپ هستند ، روی تایپوگرافی نوشته‌ها کار شده است و دکمه‌ها و المان‌ها یک دست بدون سایه و برآمدگی هستند.نمونه های معروف شروع به کار طراحی فلت رو در طراحی ویندوز ۸ […]
آموزش طراحی سایت HTML5 – تگ های معنایی در مقاله ی قبلی آموزش طراحی سایت HTML5 را شروع کردیم و درباره ی تگ های معنایی صحبت کردیم. در این مقاله به ادامه ی آموزش تگ های معنایی می پردازیم. همانطور که قبلاً هم اشاره کردیم استفاده از این تگ ها در طراحی سایت باعث می شود تا هم برنامه نویسان و هم موتورهای جستجو ساختار سایت را به آسانی تشخیص دهند و در سئوی سایت تاثیر مثبت دارد. در این آموزش درباره ی تگ های section ، aside و nav صحبت می کنیم. پس خواندن این مقاله که توسط تیم طراحی سایت اصفهان وب یار تهیه شده را از دست ندهید. عنصر section در HTML5 تگ section که یک تگ جدید و از تگ های معنایی HTML5 است، یک بخش مجزا در سند تعریف می کند. در واقع از این تگ برای محتواهایی استفاده می شود که با هم ارتباط معنایی دارند و معمولاً برای این محتواها می توانیم یک heading تعریف کنیم. تگ section از ویژگی های عمومی و رویدادهای عمومی در HTML پشتیبانی می کند. در جدول زیر اولین نسخه ای از مرورگرها که از این تگ پشتیبانی می کنند، نشان داده شده است. FirefoxoperaInternet explorersafarichrome4.011.19.05.06.0 در کد زیر می توانید نحوه ی استفاده از عنصر section را مشاهده کنید. <!DOCTYPE html> <html> <head> </head> <body> <section> […]
مقدمه – آموزش بوت استرپ با سلام به وب یاری های عزیز، این جلسه آموزش بوت استرپ را با آموزش کلاس های well و jumbotron ادامه می دهیم. همچنین این جلسه با ایجاد header برای صفحه در بوت استرپ آشنا خواهید شد. پس در ادامه با تیم طراحی سایت اصفهان وب یار همراه باشید. کلاس well در بوت استرپ با استفاده از کلاس well می توان یک کادر با گوشه های گرد و پس زمینه ی خاکستری رنگ در اطراف یک عنصر ایجاد کرد. برای استفاده شی well کافی است کلاس well را به یک div اضافه کنید. همچنین این کلاس مقداری padding دارد. لازم به ذکر است که به طور پیش فرض اندازه ی شی well در حالت متوسط قرار دارد که با استفاده از کلاس های well-sm و well-lg می توان این سایز را تغییر داد. کلاس well-sm برای کوچکتر نشان دادن شی well استفاده می شود. کلاس well-lg برای بزرگتر نشان دادن سایز well در بوت استرپ به کار برده می شود. در کد زیر نحوه ی استفاده از این کلاس ها نشان داده شده است. <div class=”well”>well class in Bootstrap</div> <div class=”well well-sm”>well-sm class in Bootstrap</div> <div class=”well well-lg”>well-lg class in Bootstrap</div> خروجی این کد را می توانید در تصویر زیر مشاهده کنید. آموزش کلاس jumbotron در بوت استرپ برای جلب توجه کاربران […]
آپلود فایل در php معمولا در بعضی از سایت ها لازم می شود که فرمی را در سایت تعبیه نموده که توسط آن کاربران بتوانند فایل های مورد نظر خود را در سایت آپلود نمایند ( از جمله آپلود فایل رزومه ، عکس و…). حال قبل از آموزش آپلود فایل در php و کدنویسی فرم ارسال فایل لازم است که ابتدا مطمئن شوید که تنظیمات آن فعال است. برای این کار اول باید فایل php.ini را بررسی نمایید و file_uploads را به حالت on قرار دهید. روش دسترسی به فایل php.ini در لوکال هاست و cpanel در ادامه آموزش داده شده است. آموزش آپلود فایل در php Php.ini در لوکال هاست (نرم افزار Xamp) این فایل در وب سرور Xampp با توجه به نسخه های مختلف ، عموما در مسیر های زیر وجود دارد: \xampp\php\php.ini \xampp\apache\bin\php.ini \xampp\etc\php.ini این قطعه کد ابتدا یک فرم آپلود ایجاد نموده و سپس اطلاعات موردنظر خود را به فایل upload.php می فرستد تا برروی آن اطلاعات را پردازش کند. درون تگ input ، مشخصه type را برابر file قرار داده‌ایم تا اعلام کنیم که نوع ورودی، به صورت فایل میباشد. بنابراین درون فرم، یک دکمه browse به کاربر نمایش داده‌می‌شود تا با آن بتواند فایل موردنظر را از کامپیوتر خود انتخاب نماید. کدنویسی قسمت php فایل upload.php را ایجاد […]
آموزش کار با مسنجر تلگرام و ترفندهای تلگرام دانلود آموزش ارسال انبوه و تبلیغات به لیست شماره ها و انبوه کاربران تلگرام(ارسال اس ام اس به تلگرام) بر اساس مناطق و شماره های شما در حال حاضر قابلیت ارسال تا 90 هزار عدد در ماه آماده ارسال می باشد. تست شده در تاریخ 15 آذر 99 با ارسال روزانه بیش از 3 هزار ارسال بدون هزینه پنل . تمامی نرم افزار های ارسال رایگان به لیست مخاطبان تلگرام همراه با تست و آموزش و بروزترین ورژن ها بصورت هدیه در پکیج خدمتتان قرار داده شده . امروزه مسنجر تلگرام یکی از محبوب ترین مسنجرها در میان مسنجرهایی از قبیل واتس آپ, لاین,وایبر,و اینستاگرام است,علت این موضوع هم امکانات تلگرام از قبیل امکان ارسال پیام صوتی به صورت گروهی,امکان ارسال انواع فایل ازقبیل ویدیو,صوت,عکس تا حجم حداکثر ۱۰۰۰ مگابایت,دارا بودن سیستم رمز نگاری فوق العاده قدرتمند برای مسایل امنیتی,۱۰۰% رایگان(بر خلاف مسنجری همچون واتس آپ که بعد از مدتها باید هزینه پرداخت کرد. ). چنانچه در نحوه نصب تلگرام بر روی کامپیوتر مشکل دارید مطلب آموزش تصویری نصب تلگرام بر روی کامپیوتر را بخوانید. فوت و فن های تلگرم: اما خب اکثر افرادی که با تلگرام کار میکنند,در کار کردن با تلگرام مشکلات,ابهاماتی در ذهنشان دارند, همچنین حتی برخی از افرادی که شاید در کار کردن با تلگرام مشکلی […]
سئو سایت اصفهان یکی از خدمات تیم طراحی سایت و سئو سایت وب یار می باشد. آیا تا کنون به سئو سایت خود فکر کرده اید؟ آیا می دانید برای بهینه سازی سایت خود چه فاکتورهایی را باید در نظر بگیرید؟