Tag Archives: wordpress minimalist themes
How To Minify CSS And JavaScript Of Your WordPress Website
-
Danish Ansari
1 Comment
- Digital Updates , SEO
- css and js minified, minify css and js, wordpress minimalist themes
Do you want to minify files on your WordPress site? Minifying your WordPress CSS and Javascript files can make them load faster and speed up your WordPress site. So, lets see how to minify css and javascript of your website.
Why Minify CSS And JavaScript?
SEO is an important aspect for any webmaster since good ranking in the search engine assures heavy traffic to your website thus gaining lot of profit at the end of the day. To attain better rankings, there are some important ranking factors of SEO to be taken care of and speed of your website is definitely one of them. To make sure that your site load faster whenever any user is visiting your website, you need to comply to all specified set of rules and regulation those are predefined by search engine giants such as Google or Bing.
Minifying CSS / JavaScript of your website is certainly one of the factors which helps improving your website overall speed. In this guide, we will show you how to minify CSS/Javascript files in WordPress to improve performance and speed.
What is Minify and When Do You Need it?
The term ‘Minify’ is used to describe a method which makes your website file size smaller. It achieves this goal by removing white spaces, lines, and unnecessary characters from the source code.
Usually it is recommended to be used only for files that are sent to user’s browsers. This includes HTML, CSS, and JavaScript files. You can minify PHP files too, but PHP is a server-side programming language and minifying it will not improve page load speed for your users.
The obvious advantage of minifying files is improved WordPress speed and performance. Compact files are faster to load and improve your site’s speed.
However, some experts believe that the performance improvement is very small for most websites and not worth the trouble. The minification only decreases few kilobytes of data on most WordPress sites. You can reduce more pageload time by simply optimizing images for web.
Here is an example of normal CSS code:
margin:20px;
padding:20px;
color:#333333;
background:#f7f7f7;
}
h1 {
font-size:32px;
color#222222;
margin-bottom:10px;
}
After minifying the code it will look like this:
If you are trying to achieve 100/100 score on Google Pagespeed or GTMetrix tool, then minifying CSS and JavaScript will significantly improve your score.
Having said that let’s take a look at how to easily minify CSS/JavaScript on your WordPress site.
Minify CSS/Javascript in WordPress
First thing you need to do is install and activate the Better WordPress Minify plugin.
Upon activation, the plugin will add a new menu item labeled ‘BWP Minify’ to your WordPress admin bar. Clicking on it will take you to plugin’s settings page.
On the settings page, you need to check the first two options to automatically minify JavaScript and CSS files on your WordPress site.
You can now click on the Save Changes button to store your settings.
There are many other advanced options on this page. The default settings will work for most websites, but you can review and change these options on a case by case basis.
Next, you need to head over to your website. Right click anywhere and then select ‘View Page Source’ from browser menu.
You will now see the HTML source code generated by your WordPress site. If you look closely, you will notice that this plugin will load CSS/JavaScript files from plugin’s own folder instead of your WordPress themes and plugins.
These are the minified versions of your original CSS and JavaScript files. Better WordPress Minify plugin will keep them cached and serve the minified versions to browsers.
That’s all, we hope this article helped you learn how to minify your WordPress site. You may also want to see our ultimate guide on how to speed up WordPress for beginners.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
In case if you have missed reading, go through Top 10 Most Illustrated Web Designs or Top 10 Ways To Get More Views On YouTube Videos.Most Common Web Design Mistakes – Coffin For A Website is a monstrous dream for any web designer.
All WordPress Products At One Place – Weblizar
-
Danish Ansari
0 Comment
- Plugins , Theme Collections , Themes , WordPress
- wordpress best plugins, wordpress best products, wordpress best themes, wordpress mega themes, wordpress minimalist themes, wordpress must have plugins, wordpress necessary plugins, wordpress plugins, wordpress premium products, wordpress premium themes and plugins, wordpress product catalogue, wordpress themes, wordpress top 30 plugins, wordpress top 30 themes, wordpress top themes
Recently we have launched many new themes and plugins to give that attractive look and provide that much needed power to your website simultaneously.
This blog post is dedicated to summate all Weblizar Products at one place creating an index for all you people so that it wont be tough for you to scrabble through all the products.
PLUGINS
#1 Pinterest Feed Pro
Display Pinterest Feed Like Profile Stats Boards and Pins on WordPress Website. Pinterest Feed Shortcode and Pinterest Feed Widget Available In The Plugin.
#2 Appointment Scheduler Pro
Automate your appointments scheduling and maintain them all at one place through Appointment Scheduler. Go carefree as far as your clients appointments is concerned. Appointment Scheduler Pro will take care of the rest.
#3 SEO Image Optimizer Pro
SEO Image Optimizer is a SEO friendly plugin. This plugin dynamically replaces title and alt tag of images. All changes will done without effecting the database. Plugin also resized and compressed the images to boost your site speed. So activate the plugin, give a pattern and you are ready to go.
#4 Newsletter Subscription Form Pro
Plugin are track Subscribers with Auto and Manually Notification mail system. It increase your traffic on your website. Subscription Form are provide the different type of forms.
#5 Coming Soon Page & Maintenance Mode Pro
Create website coming soon page, launch page, under construction page, under maintenance page, landing page using beautiful responsive premium templates with multiple features like background color, slide show, YouTube, Vimeo video background count down timer, newsletter subscription form, about us, services, team, contact us, business location on Google map, social media profiles and many more.
#6 Recent Related Post And Page Pro
Show recent and related posts and pages using shortcode & widget on your WordPress blog.
#7 About Author Pro
Display Your All Blog Users Profile in Various Style.
#8 Gallery Pro
With Gallery Pro you can Add unlimited images on your blog site. Design various types of image, video, link gallery using this plugin. Gallery Pro provide you light box image preview and two gallery layout with various fonts.
#9 Flickr Album Gallery Pro
An awesome gallery plugin to plublish Flickr Albums on your WordPress blog site.
#10 Photo Video Link Gallery Pro
Display your WordPress content link Photo, Video, Link, Image etc in Gallery format With CSS3 Hover Animation & Display With Lightbox.
#11 Ultimate Responsive Image Slider Pro
A Perfect Responsive Image Slider plugin for WordPress. Contain 5 types of slider layout. Tested on all browser like Chrome, Mozilla, Safari, IE etc.
#12 Instagram Gallery Pro
A very fast & easy way to display your Instagram images as gallery on WordPress blog.
#13 Responsive Portfolio Pro
A Perfect Responsive Portfolio Plugin for display content like images, vimeo/youtube video, Albums etc.
#14 Lightbox Slider Pro
A Complete Lightbox Gallery Plugin With 8 Types Of Lightboxes.
#15 Responsive Photo Gallery Pro
A Highly Animated Image Gallery Plugin For WordPress
THEMES
#1 Corporal Premium
Corporal Premium is a responsive and fully customizable template for Business and Multi-purpose theme. You can use it for your business, portfolio, blogging etc. Custom menus to choose the menu in Primary Location that is in Header area of the site which is ideal for creating a corporate/business website.
#2 Explora Premium
Explora Premium is a multi-purpose responsive theme coded & designed with a lot of care and love. You can use it for your business, portfolio, blogging or any type of site. Explora is Responsive and flexible based on BOOTSTRAP CSS framework that adapts your website to mobile devices and the desktop or any other viewing environment.
Explora focusses on the business template, awesome Caroufredsel slider, Powerful but simple Theme Options for full CMS control option to match your logo & website, wide layout, light & dark color skin, translation ready and much more. Explora is Woo-commerce Ready theme.
#3 Scoreline Premium
Scoreline is a responsive and fully customizable template for Business and Multi-purpose theme.The Theme has You can use it for your business, portfolio, blogging or any type of site.Custom menus to choose the menu in Primary Location that is in Header area of the site. which is ideal for creating a corporate / business website.
Scoreline is Retina ready.We focused on usability across various devices, starting with smart-phones.scoreline is a Cross-Browser Compatible theme that works on All leading web browsers.In footer area theme offer the Social Media Links to add your Social Links here. translation ready and many more.
#4 Beautyspa Premium
Beauty Spa Premium is a simple and easy to use, powerful and professional looking, resourceful and responsive WordPress beauty and spa website theme. BeautySpa is a flexible and versatile platform for webmasters from all walks of life, regardless of previous coding experience, to quickly and effectively put together the most amazing and sharp looking websites dedicated to the Beauty Spa , health center, salon, spa and related service industry ventures and eCommerce Ready.
Beauty Spa comes packaged with readymade, fully functional demo websites with all the necessary inner content pages to start off your spa or beauty salon website in a matter of minutes.
Beauty Spa focusing on the business template, awesome Caroufredsel slider, Powerful but simple Theme Options for full CMS control option to match your logo & website, wide layout, light & dark color skin, translation ready and much more. BeautySpa is Woo-commerce Ready theme.
Beauty Spa is packed with useful features indispensable in crafting an outstanding online presence for your beauty and spa business. It includes custom page templates for services and photo galleries of your business. Moreover, it has a ‘make an appointment’ button to help them easily schedule a treatment session at your spa business.
Beauty Spa Premium WordPress Theme is versatile health care business WordPress theme suitable for spa, spa salon, sauna, massage , medical business, massage center, beauty center, eCommerce and beauty salon websites.
#5 Healthcare Premium
Healthcare is a perfect solution for any medical and healthcare-related businesses. Healthcare is a fully dynamic, well structured and beautiful WordPress theme which is specifically designed for hospitals, health clinics, dentists and everyone else involved in health services. You can use it for your business, portfolio, blogging or any other type of business vertical to make your website.
HealthCare is Responsive and flexible based on BOOTSTRAP CSS framework that adapts your website to mobile devices and the desktop or any other viewing environment.
#6 Enigma Premium Theme
Enigma Premium theme is a super professional one page WordPress theme for modern businesses. Ideal for creative agencies, startups, small businesses, and freelancers and best of all it’s so easy to use that you can have your website up in minutes. Perfect to promote your work or your creative business. It is cross-browser compatible, fully responsive, and retina ready.Enigma is one of our most customizable and flexible themes, you can create practically unlimited versions of your website, your imagination is the only limit. It includes an awesome slider, filterable portfolio, beautiful galleries, different background patterns, rich color changer, light/dark color skins, boxed/wide layout styles, additional page options and much more. Compatible with WPML & Woo Commerce Plugin.
#7 Creative Premium
Creative Premium is perfectly scalable, performance and responsive, multi-purpose WordPress theme and suitable for Business. Perfect to promote your work or your creative business. It is cross-browser compatible, fully responsive, and retina ready.Creative is one of our most customizable and flexible themes, you can create practically unlimited versions of your website, your imagination is the only limit. It includes an awesome slider, filterable portfolio, beautiful galleries, different background patterns, rich color changer, light/dark color skins, boxed/wide layout styles, additional page options and much more. Compatible with WPML & Woo Commerce Plugin.
#8 Incredible-Premium-Theme
Incredible Premium is an incredibly superfine multipurpose responsive theme coded & designed with a lot of care and love. You can use it for your business, portfolio, blogging or any type of site.
Incredible is Responsive and flexible based on BOOTSTRAP CSS framework that adapts your website to mobile devices and the desktop or any other viewing environment.
We focused on usability across various devices, starting with smartphones.Incredible is a Cross-Browser Compatible theme that works on All leading web browsers.Incredible is Retina ready.
#9 Chronicle Premium Theme
Chronicle Premium is new WordPress Theme styled with modern design and follows latest trends in Websites. Coded with HTML5 standards and SEO recommendations.
Chronicle is fully responsive and works on all Desktop & Mobile devices and all modern web browsers. Customization is fully integrated into WordPress native customizer and you can see changes in real time. Our Theme Builder, where you can click select and drag & drop sections of Theme, is included as well.
#10 Guardian Premium Theme
Guardian Premium Theme is a super professional one page WordPress theme for modern businesses. Ideal for creative agencies, startups, small businesses, and freelancers and best of all it’s so easy to use that you can have your website up in minutes.
Perfect to promote your work or your creative business. It is cross-browser compatible, fully responsive, and retina ready.Creative is one of our most customizable and flexible themes, you can create practically unlimited versions of your website, your imagination is the only limit.
It includes an awesome slider, filterable portfolio, beautiful galleries, different background patterns, rich color changer, light/dark color skins, boxed/wide layout styles, additional page options and much more. Compatible with WPML & Woo Commerce Plugin.
#11 Green-lantern Premium Theme
Introducing Green-Lantern, a premium WordPress theme. With its light and clean design it’s a smart choice for big companies, smaller businesses and freelancers. Green-Lantern has everything you need to take your company to the next level, but most of all it’s extremely easy to set up and use: your new website we’ll be ready in no time.
Green-Lantern is creative, modern business theme, with responsive layout and multipurpose design best for corporate sites. With Green-Lantern you can easily build your business sites quickly.
#12 Weblizar Premium Theme
Weblizar Premium theme is a super professional one page WordPress theme for modern businesses. It is cross-browser compatible, fully responsive, and retina ready.
This professional online store is designed by qualified developers in accordance with modern standards. It combines a compelling look with a great functionality and smooth navigation that ensure a first rate buying experience to the customers.
Please feel free to get in touch with any suggestions or queries at lizarweb[at]gmail[dot]com.