https://virgool.ir/feed/@m_32385897fa2026-11-12 21:27:09https://virgool.ir/images/default-avatar.jpghttps://virgool.ir/@m_32385897https://virgool.ir/@m_32385897/بهترین-روش-های-تست-سرعت-لود-سایت-ویدیو-آموزش-g9pgze21ejr7بهترین ابزار های تست سرعت لود سایتیکی از مهمترین چیز هایی که میتونه نرخ بازدید سایت رو افزایش بده ، افزایش سرعت لود شدن (بالا اومدن) سایتهچون وقتی یه بازدید کننده روی سایت شما کلیک کنه و سایت شما مثلا 20 ثانیه طول بکشه که لود شه ، قطعا میره سراغ یه سایت دیگه و ایمپرشن رو به شدت کاهش میده.سرعت لود کامل سایت جزو مهمترین فاکتور های سئو هم هست . خود گوگل رسما اعلام کرده که بهینه بودن سرعت وبسایت توی افزایش رتبه در نتایج جستجو تاثیر گذارهاز طرفی برای اونایی که میخوان توی یه وبسایت تبلیغ بدن برای سایت خودشون ، براشون خیلی مهمه که سرعت لود بالا باشه و از ابزار هایی که در ادامه این پست بهتون میگم استفاده میکننتوی این پست 3 تا از بهترین ابزار های رایگان و کاربردی بررسی بهینه بودن و سرعت سایت (تست سرعت سایت) رو بهتون معرفی میکنم1.ابزار تست سرعت گوگل (PageSpeed Insights):اولین ابزاری که میخوام بهتون معرفی کنم برای خود گوگل هستآدرسش اینه:developers.google.com/speed/pagespeed/insightsاستفاده از این سایت خیلی راحت هست و فقط کافیه که آدرس سایتتون رو وارد کنید . و کلید analyze رو بزنیدنکته مهم اینکه اگه هنگام استفاده از این سایت با خطا مواجه شدین از ف.ی.ل.ت.ر.ش.ک.ن استفاده کنینبعد از بررسی سایت شما گوگل دو نوع امتیاز به سایت شما میدهاولی برای حالت موبایل هست و دومی برای استفاده از سایت شما در دسکتاپ هااین عدد هرچه قدر به 100 نزدیکتر باشه یعنی سایت شما بهینه تر هستدر ادامه این امتیاز ها ، روش های پیشنهادی گوگل برای بهبود سایتتون هست و حتی حجم محتوا های داخل صفحه هم میتونید مشاهده کنیدبرای مثال شما میتونید بررسی سایت فروشگاه اینترنتی یوتین رو که توسط تیم مارکتیستر طراحی شده رو ببینید که امتیاز 82 رو به خودش اختصاص داده2.سایت پرطرفدار و دقیق GTMetrix:دومین ابزار تست سرعت سایت که به شدت معروف و پرکاربرد هست ، سایت جی تی مِتریکسهآدرسش اینه:gtmetrix.comاین سایت با بررسی دقیق سایت شما ، درجه بندی که میشه بهش نسبت داد رو میگه برای مثال A به معنی بهترین حالت هستو همچنین داخل یه نوار زمان ، محتوا هایی که بارگذاری شده رو به ترتیب لود نشون میده . یکی از کاربرد های این نوار زمان (timeline) ، اینه که میتونین متوجه بشین که کدوم محتوا دیرتر لود شده . و عامل کند شدن سایت شماست و برطرفش کنیدکار بار این وبسایت هم خیلی ساده هست و با وارد کردن آدرس سایتتون میتونید ازش استفاده کنیدنکته مهم اینکه اگه از هاست داخل ایران استفاده میکنید امکان وجود خطا در استفاده از این سایت هست و اینکه این سایت رو بدون نیاز به ف.ی.ل.ت.ر.ش.ک.ن هم میتونین استفاده کنینبرای مثال توی عکس بالا من سایت گوگل رو خواستم که بررسی کنه و رتبه A بهش داد3.سایت پرامکانات پینگ دِم (PingDom):و اما سومین سایتی که برای بررسی سرعت وبسایت میخوام بهتون معرفی کنم واقعا جزو بهترین هاست!آدرسش اینه:tools.pingdom.comامکانات این سایت بطوری هست که کاملا کاربردی و دقیق و در عین حال ساده و قابل درک هستسایت رو رتبه بندی میکنه و از 100 بهشون امتیاز میدهحجم دقیق صفحه ای که خواستین بررسی کنید رو میگهو میگه که چه نوع محتوایی (عکس ، فونت و…) چه درصدی از این حجم رو در برگرفتهعلاوه بر این سرعت لود سایت رو بر اساس ثانیه میگهو توصیه هایی هم میکنه که کدوم قسمت ها بیشتر باعث کندی شدنو حتی میتونید این اطلاعات رو به اشتراک بذارید یا دانلود کنید!و در کل عالیهنکته مهم این سایت هم اینه که هنگام استفاده از این سایت حتما باید از ف.ی.ل.ت.ر.ش.ک.ن استفاده کنیندلیل اینکه این سایت رو سوم گفتم همین بوده وگرنه در بقیه موارد بنظر من از دوتای دیگه کاربردی تره!برای دیدن ویدیو و مطلب روی سایت اصلی اینجا کلیک کنیدhttps://matinshokri.ir/check-website-speed/نظرتون رو راجع به این سایتا برامون بفرستین یا اگه ازشون استفاده کردین تجربه تون رو بهمون بگینبرای دانلود رایگان افزونه یوست سئو (پرطرفدار ترین افزونه سئو وردپرس) اینجا کلیک کناگه میخوای مهارت طراحی سایت رو سریع و ارزون یادبگیری اینجا کلیک کن!متین شکریمتین شکریMon, 31 May 2021 19:55:38 +0430https://virgool.ir/@m_32385897/آموزش-تغییر-آیکون-کنار-مرورگر-سایت-در-وردپرس-فاوآیکون-favicon-wordpress-cbb6ehbodnfvکاور پست تغییر faviconتوی این ویدیو بهترین راه تغییر آیکون کوچک سایت رو بهت میگم که سایت وردپرس رو راحت تر شخصی سازی کنیفاویکون یا Favicon چیه؟حتما دیدی که توی مرورگرها کنار اسم سایت اون بالا یه آیکون کوچیک هست که معمولا لوگو همون سایته(الان بالای سایت ما هم هست یه نگاه بنداز…)این آیکون توی هر جایی که سایت شما قرار بگیره هست ، مثلا توی بوک مارک های مرورگر یا اگه سایت روی صفحه اصلیتون ذخیره شده باشه بالای عنوان میاد و…چرا واجبه که تغییرش بدیم؟همونطور که گفتم هرجا سایت شما رو بخوان نشون بدن این آیکون هست پس در واقع نماد سایت شما هست و تعویضش خیلی واجبه و توی برندینگ و ظاهر سایت هم تاثیر دارهمراحل قدم به قدم:اول وارد پیشخوان سایتتون بشینحالا دوباره به صفحه اصلی سایت برگردین . از نوار بالای سایت گزینه “سفارشی سازی” رو انتخاب کنیدحالا وارد گزینه “هویت سایت” بشینتوی صفحه باز شده از گزینه “تغییر تصویر” آیکون جدید رو آپلود کنیدو بعد از آپلود و گزینش“انتشار” رو بزنیدحالا فاوآیکون سایت وردپرسیتون تغییر کردهبرای دیدن مراحل کامل تر ویدیوی داخل وبسایت اصلی مون رو مشاهده کنینhttps://matinshokri.ir/change-favicon/یادتون نره نظرتون راجع به آموزش رو بگینمتین شکریمتین شکریTue, 16 Mar 2021 11:42:17 +0330https://virgool.ir/@m_32385897/آموزش-نحوه-استفاده-از-موکاپ-در-فتوشاپ-ویدیو-ubfxa3l5g00dآموزش کار با فایل فتوشاپ موکاپبرای آشنایی با یه روش خیلی ساده و راحت برای ساخت تصاویر زیبا با لوگو خودمون تا آخر این پست همراه من باشینموکاپ چیه؟موکاپ ها فایل های آماده ای هستند که برای گذاشتن تصویر دلخواه یا لوگوی ما روی اشیاء طراحی شدن و کار رو خیلی خیلی ساده کردن برامون و معمولا بصورت فایل فتوشاپی (PSD) هستندموکاپ های مختلفی وجود داره مثل موکاپ کاغذ برای گذاشتن لوگو روی اون یا موکاپ لیوان یا ماگ و حتی صفحه لپ تاپ و گوشی و…با موکاپ (mockup) به راحتی با چند تا کلیک میشه لوگو یا نمادمون رو به زیبایی به تصویر بکشیمبه عنوان مثال این یه موکاپ ساختمان مدرنه:مراحل کار قدم به قدم:اول فایل موک آپ مورد نظرتون رو دانلود کنید و از حالت فشرده خارج کنینبعد فتوشاپ رو باز کنید و فایل رو واردش کنینحالا از قسمت لایه ها (layers) فایل های اضافه رو پاک کنید مثل متن های تبلیغی و توضیحات و …بعد نوبت به انتخاب فایل اسمارت آبجکت هست  (همون عکس اصلی که روی شیء مورد نظر ما هست)توی قسمت لایه ها یه آیکون کوچیک کنار تصویر (اسمارت آبجکت) هست که گوشه سمت راست و پایین عکس مورد نظرهدوبار روی آیکون کلیک میکنیم تا پنجره جدید باز شهحالا توی پنجره جدید فایل های اضافه رو حذف کنید یا چشم کنارشون رو بزنین که دیده نشن و اینجا لوگو یا عکس خودتون رو وارد کنیداگه سایز عکس درست نیست و سرجاش قرار نگرفتهاز کیبرد Ctrl + T رو نگه دارین تا دستگیره ها فعال شن و همزمان با نگه داشتن کلید Shift دستگیره هارو حرکت بدینبعد از اتمام کار کلید های Ctrl + S رو باهم بزنید که ذخیره شهحالا اگه به فایل اصلی برگردیم لوگو ما روی شیء مورد نظر قرار گرفته و فقط کافیه که خروجی بگیرینبرای دیدن مراحل کامل تر بصورت ویدیویی و دانلود فایل موکاپ استفاده شده ، وارد سایت آکادمی متین شکری شوید https://matinshokri.ir/ https://matinshokri.ir/how-to-use-mockups/ متین شکریمتین شکریSun, 07 Feb 2021 01:29:53 +0330