0

هیچ محصولی در سبد خرید نیست.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

آموزش سئو Minify Html JavaScript and CSS

نویسنده پشتیبانی وب یار
امتیاز مطلب
تعداد بازدید 3600
تاریخ بروزرسانی ۱۲ مهر ۱۳۹۸

آموزش سئو Minify Html JavaScript and CSS

به عمل حذف فاصله‌ها و کدهای اضافی که باعث سنگینی صفحات سایت می‌شود Minify گفته می‌شود، MiniFy را با فشرده‌سازی کدهای سایت اشتباه نگیرید. در این آموزش می‌خواهیم شما را با Minify کردن کدهای قالب سایت آشنا کنیم.

قابلیت Minify چیست؟

Minify کاری هست که یک بهینه‌ ساز وبسایت باید انجام دهد، با Minify می‌توان حجم قالب را کم کرد و سرعت لود سایت را چندین برابر کرد. تأثیر این عمل بخوبی در سایت‌های آنلالیز سئوی On Page نمایش داده می‌شود.

 

Minify Html JavaScript and CSS
Minify Html JavaScript and CSS

 

چگونه Minify را در وردپرس استفاده کنم؟

استفاده از Minify در وردپرس بسیار آسان است، هم می‌توانید قالب خود را Minify نمایید و یا می‌توانید با استفاده از پلاگین‌ها wp-Minify و یا wp super cache و یا دیگر پلاگین‌های cache وردپرس این
عملیات را انجام دهید.

ولی پیشنهاد می‌شود از پلاگین استفاده W3 Total Cache نمایید. برای راه اندازی minify با استفاده ازW3 Total Cache به منوی Minify در پلاگینW3 Total Cache بروید.

معرفی ابزار برای Minify کردن استاندارد کدها

سایت های زیادی وجود دارند که به صورت آنلاین این کار را برای شما انجام میدهند.

http://htmlcompressor.com/compressor
http://tools.w3clubs.com/cssmin
http://www.willpeavy.com/minifier
http://www.minifyweb.com
http://jscompress.com
http://cssminifier.com
http://refresh-sf.com/yui
https://developers.google.com/speed/docs/insights/MinifyResources
http://www.minifyjavascript.com

استفاده از روش دستی

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

۱ – html :

برای این که html سایت خودتون را minfy کنید ، ابتدا باید این کد را اولین خط فایل index.php قرار دهید.

<?php function sanitize_output($buffer)

{$search = array(‘/>[^S ]+/s’,’/[^S ]+

</s’,’/(s)+/s’);$replace = array(‘>’,'<‘,’۱’);if (preg_match(

“/<html/i”,$buffer) == 1 && preg_match(“/</html>

/i”,$buffer) == 1) {$buffer = preg_replace($search, replace, $buffer);}

return $buffer;}ob_start(“sanitize_output”);?>

این کد به شکل های مختلف در سایت ها موجود است ، بهترینش هست که من پیدا کردم ، به هر حال اگر درست کار نکرد ، میتوانید از یک کد دیگر استفاده کنید. فقط کافیه minfy html output را جستجو کنید.

بعد این کد هم آخرین خط فایل index.php قرار دهید :

<?phpob_end_flush();?>

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

نمونه :

 

<?phpfunction sanitize_output($buffer)

{$search = array(‘/>[^S ]+/s’,’/[^S ]+</s’,’/(s)+/s’);

$replace = array(‘>’,'<‘,’۱’);
if (preg_match(“/<html/i”,$buffer) == 1 && preg_match

(“/</html>/i”,$buffer) == 1) {$buffer = preg_replace

($search, $replace, $buffer);}return $buffer;}

ob_start(“sanitize_output”);?><!doctype html>

<html><head><meta charset=”utf-8″><title>Test</title>

</head><body>this is test text</body></html>

<?phpob_end_flush();?>

 

۲ – css , javascript :

برای minfy کردن فایل های css و javascript سایت خود ، ابتدا این اسکریپت را از یکی از لینک های زیر دانلود کنید.

 

code.google.com/p/minify

github.com/mrclay/minify

 

از حالت فشرده خارج کنید و سپس فولدر min را در root سایت خود کپی کنید.

حالا ۲ روش برای minfy کردن وجود دارد :

۲-۱ – مستقیم :

در این روش شما آدرس فایل را مستقیم به اسکریپت ارسال میکند و آدرس فایل ها قابل دیدن است :

example.org/min/?f=js/quick-test.js

example.org/min/?f=css/quick-test.css

 

با گذاشتن , بین فایل ها ، میتوانید چندین فایل را یکجا صدا بزنید. پیشنهادی

نمونه :

forum.wp-parsi.com/public/min/index.php?

ipbv=fa11d69d698cbe0f3287c01a12de13fb&f=public/style_css//

نقل قول

این اسکریپت یک generator هم داره که میتونه آدرس فایل را خودکار براتون بسازه.
برای این کار وارد فولدر min شوید و فایل config.php را باز کنید.
مقدار $min_enableBuilder را برابر true قرار داده و سپس وارد آدرس زیر در مرورگر خود شوید :
http://example.org/min/builder

پسورد در فایل کانفیگ موجود است.

بعد از انجام کار ، دوباره مقدار $min_enableBuilder را برابر false قرار دهید.

۲-۲ – غیر مستقیم : پیشنهادی

در این روش شما آدرس فایل را در یک آرایه به صورت گروه ذخیره میکنید و سپس فقط نام گروه را در آدرس وارد میکنید.

نمونه :

example.org/min/?g=css

برای این کار وارد فولدر min شده و سپس فایل groupsConfig.php را باز کنید.

۲ مثال به عنوان نمونه در این فایل وجود دارد ، میتوانید از حالت comment خارج کنید و استفاده کنید.

نمونه :

return array(‘js’ => array(‘//js/file1.js’, ‘//js/file2.js’)

,’css’ => array(‘//css/file1.css’, ‘//css/file2.css’),);

css و js که در این مثال نام برده شده اند ، همان نام گروه هستند که در آدرس فایل وارد میکنیم.

نحوه استفاده :

بعد از انجام مراحل ، کافیه که فقط فایل را در صفحه به راحتی و مثل همیشه صدا بزنید.

<link rel=”stylesheet” type=”text/css” href=”http://example.org/min/?g=css”>

<script type=”text/javascript” src=”http://example.org/min/?g=js”></script>

خب شما توانستید به راحتی کدهای سایت خود را minfy کنید.

0/5 (0 Reviews)
مطالب مرتبط
انجام کلیه ی تبلیغات کاندیدای شورای شهر و کشور
مطالعه :

انجام تبلیغات کاندیدای شورای شهر استان اصفهان انجام تبلیغات کاندیدای شورای شهر و کشور توسط یکی از حرفه‌ای‌ترین تیم‌های تبلیغات و دیجیتال مارکتینگ استان اصفهان امکان‌پذیر می‌باشد. کاندیداهای محترم شورای شهر می توانند جهت دریافت مشاوره تخصصی و همچنین انجام تبلیغات تخصصی با تیم تبلیغات کاندیداهای شورای شهر و کشور تماس حاصل فرمایند.   خدمات و تبلیغات گسترده ی تیم دیجیتال مارکتینگ وب یار در این زمینه شامل موارد زیر است: ارسال انبوه پیامک های تخصصی، مهندسی اجتماعی و تبلیغاتی به مشاغل و فعالان کسب کار با هدف جذب و ایجاد قشر حمایت کننده بر اساس منطقه خاص ارسال تبلیغات انبوه تخصصی بدون محاسبه هزینه هر ارسال در واتساپ و ایجاد گروه های حمایتی ومدیریت آنها ارسال تبلیغات کاندیدای شورا به شماره ها و آی دی های گروه های تلگرام و کاربران بر اساس منطقه و شهر و افزون افراد بر اساس منطقه مسکونی و شهر به گروه های حمایتی شما کاندیدای محترم شورای شهر و کشور. طراحی وبسایت سریع و سبک برای کاندیداها با هدف پاسخگویی و پرسنال برندینگ چند جانبه با قابلیت استفاده در عرصه های محتلف شرکتی یا شخصی با قیمت مناسب. بررسی روش های تبلیغاتی و سخنرانی و مشاوره برای مردم و همچنین یادگیری روش های بازخورد گیری از تبلیغات اینترنتی برای انتخابات شوراها وب یار یک تیم متشکل از متخصصین دیجیتال مارکتینگ و بازاریابی که […]

تفاوت وب سایت و وب اپلیکیشن چیست ؟
مطالعه :

وب سایت یا وب اپلیکیشن کدام یک انتظارات شما را برآورده می کند؟ تفاوت اصلی چیست و کدام یک بهترین راه حل برای تجارت شما خواهد بود؟ در این مقاله وب یار به بررسی تفاوت وب سایت و وب اپلیکیشن می پردازیم.   وب سایت چیست؟   وب سایت گروهی از صفحات وب قابل دسترسی جهانی است که به هم پیوسته اند و دارای یک نام دامنه واحد هستند. توسط فردی ، تجاری یا سازمانی قابل توسعه و نگهداری است. یک وب سایت در یک وب سرور منفرد یا چندگانه میزبانی می شود.هدف اصلی آن ارائه اطلاعات به کاربران است. در وب سایت ، ما می توانیم متن و پرونده های مختلف چندرسانه ای ، مانند تصاویر یا فیلم ها را پیدا کنیم. چه زمانی به وب سایت نیاز دارید؟ وب سایت یک روش موثر برای ارائه محصولات و خدمات شما است. این می تواند به شما کمک کند: مشتری جدید پیدا کنید بهبود شناخت برند افزایش فروش و درآمد ارائه اطلاعات مهمی مانند: اطلاعات شرکت ، اطلاعات تماس ، لیست قیمت ، پیشنهادات ویژه و .. وب اپلیکیشن چیست؟   وب اپلیکیشن ، نرم افزار یا برنامه ای است که در مرورگر اجرا می شود و از طریق رابط کاربری سرویس خاصی را به کاربر ارائه می دهد. معمولاً به سرور مرکزی متصل می شود تا محتوا را به کاربر […]

همه چیز دربار فیگما
مطالعه :

در زمینه طراحی رابط کاربری نرم افزار های مختلفی وجود دارند که قبلا با آن ها آشنا شده اید در ادامه یه چند مورد خواهیم پرداخت. فیگما یکی از نرم افزار های رابط کاربری است که از آن برای طراحی رابط کاربری وب سایت ها و اپلیکیشن ها استفاده می شود.در این مقاله به بررسی همه چیز درباره فیگما می پردازیم. فیگما چیست؟ همان طور که گفته شد فیگما یک نرم افزار برای طراحی رابط کاربری می باشد. این نرم افزار به صورت یک وب اپ می باشد که در بروزر خود اجرا می کنید. بر خلاف تصور عموم یک وب اپ نمی تواند گرافیک یک وب سایت یا اپلیکیشن را به خوبی و با کیفیت عالی ارائه دهد. اما با رفتن به سایت figma و دیدن امکانات این سایت به این باور می رسید که فیگما ، یکی از قدرتمند ترین نرم افزار های طراحی رابط کار بری می باشد. طریقه دسترسی به نرم افزار فیگما: این نرم افزار را هم می توانید به صورت تحت وب باز و مرورگر خود باز کنید. فقز در هر دو صورت باید سیستم شما به اینترنت متصل باشد.     ویژگی ها: فیگما یک نرم افزار تحت وب گسترده می باشد که ویژگی های بسیار جذابی دارد.اکنون به چند ویژگی این اپلیکیشن بی نظیر اشاره می کنیم. قابلیت استفاده در همه سیستم […]

مطالعه :

اگر قصد راه اندازی فروشگاه آنلاین خود را دارید ، ممکن است به یک دو راهی برخورد کرده باشید: ووکامرس یا پرستاشاپ ؟ هر دو سیستم عامل عالی هستند و هیچ برنده مشخصی وجود ندارد. این انتخاب به ماهیت تجارت آنلاین و قدرت فنی شما بستگی دارد. در این مقاله به مقایسه ووکامرس و پرستاشاپ می پردازیم. ووکامرس چیست؟     ووکامرس یک افزونه تجارت الکترونیکی است که به شما امکان می دهد فروشگاه تجارت الکترونیک را در وب سایت تحت وردپرس راه اندازی کنید. ووکامرس در سال 2011 توسط توسعه دهنده تم WooThemes منتشر شد. بعداً ، در سال 2015 ، توسط Automattic ، شرکت صاحب وردپرس خریداری شد. ووکامرس محبوب ترین پلتفرم تجارت الکترونیکی در جهان است که میلیون ها فروشگاه آنلاین را قدرت می دهد. وردپرس بزرگترین CMS جهان است که بستر مناسبی برای ساخت هر نوع وب سایت است و با چند کلیک می توانید آن را به یک فروشگاه آنلاین زیبا و کاربردی تبدیل کنید. به همین دلیل WooCommerce به عنوان بهترین راه حل تجارت الکترونیکی برای وردپرس در نظر گرفته شده است. هنگام نصب آن ، کلیه ابزارهای لازم برای راه اندازی فروشگاه آنلاین خود را دریافت خواهید کرد. از جمله: گزینه های مختلف حمل و نقل ، محصولات ، سیستم مدیریت سفارش ، گزارش های تجاری و … از آنجا که ووکامرس یک […]

بروزرسانی سایت
مطالعه :

یکی دیگر از مهم ترین کارها برای افزایش سئو و بهبود جایگاه سایت بروزرسانی سایت و محتواهای آن است. برای آنکه بتوانید در میان رقبای خود جایگاه خوبی داشته باشید و کسب و کار اینترنتی موفقی داشته باشید نیاز است که از اهمیت بروزرسانی سایت غافل نشوید. در ادامه چند استراتژی مهم و کاربردی را به شما عزیزان ارائه می کنیم.   بروزرسانی سایت به چه معناست؟ منظور از بروزرسانی در واقع تغییر در محتواها، کلمات کلیدی، لینک ها، بروزرسانی سرور و … است. این کار به معنای از نو طراحی کردن نیست در حقیقت شما با توجه به بازخوردی که از سایت و مخاطبین خود دیده اید یک سری تغییرات در راستای بهبود و رشد سایت تان انجام می دهید. استراتژی بروزرسانی سایت وقت آن رسیده که سایت خود را به روز و همگام با رقبای خود جلو ببرید. برای این کار انجام کارهای زیر الزامی و تا حد زیادی کمک کننده است. 1-بررسی گوگل آنالیتیکس با بررسی گوگل آنالیتیکس شما می توانید رفتار کاربران را به راحتی در سایت خود مشاهده کنید. این که چه صفحه ای محبوبیت بیشتری دارد یا این که کدام صفحه نرخ کلیک بالایی دارد و … با بررسی و آنالیز رفتار کاربران می توانید صفحاتی که نیاز به بروزرسانی دارند را نیز به راحتی کشف کنید.     2-حذف محتواهای قدیمی به مرور […]

مطالعه :

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

دیدگاه ها

دیدگاهتان را بنویسید

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