Posted on

Website Speed & Webpage load Optimization

website-speed

In the world of high speed net with reach and beautiful web world, people try to make the website effective by add & add new thing. Now it’s time of jQuery & HTML 5 and people are crazy to add effective slider, image effects, they want wonderful and attractive flash effect in html format via jquery. To fulfill the requirement developers add new & new jquery plugins code every time with related css & images. It create new problem of slow website page load while your inter connection is not much good. If you have high speed internet then it’s working wonderful at your screen but what about those users who has high speed internet connection is very costly to afford. For such users while they try to access such heavily loaded websites they stuck with problem of time out or they must have to wait for some time to see the website and YAA!!! now a days google search engine also count website speed for SEO and searching.

website-speed
So now the time to let user to enjoy the website of heavy loaded jQuery and flash effect either internet is high speed or normal. If your internet is high speed then you have the most amazing experience while it should also good experience for average speed internet users. In this topic I am going to show you some steps how to optimize and make your webpage load faster and fastest.

You may like to see my website speed .

To decrease your web page load speed to minimum load you need to follow below steps one by one.

  • Load your website with website URL: http://www.webpagetest.org/
  • Get the report of your website loading items for home page or any other page you want to rest, it will give the complete report of web page load elements with time.
  • Get collect the element either css/JavaScript/image which takes more time to load.
  • Most important and first step is try to find the 404 error links, it mean the image/css/JavaScript file loading in your webpage but actually it’s not available so in this case your browser will try to search it till time out of some seconds and then only it will go for next element to load. In such case it’s just time waste for load the webpage via browser it such elements take most time and may be reason to low speed load webpage problem. So first of all find such elements from the coding and remove it as it’s no meaning in the page and just disturbing the browser to load the page.
  • Second is try to avoid outer page links load for image/css/JavaScript, because if in some case the website from where you are trying to load the image/css/JavaScript is slow, it will affect your webpage load.
  • Third is user minimum JavaScript file include, I don’t saying you to don’t user the JavaScript but only try to merge all those JavaScript code in one file so if you are including total of 10 js files you should merge those in to one or two and check the website speed. I am sure it will affect the site speed as normally all browser cache the js, css & image after second time you load the webpage and as number of link request is lowest, your site speed will highest.
  • Forth step is use encrypted/packed version of JavaScript file as files are light weight and it may help to load webpage easy.
  • Fifth step is optimize your css files and same as above in JavaScript case merge all css files to one or two css files so it will decrease number of link request. Also you need to optimize the css via css optimizer freely available on the internet.
  • Six step is check image load, if any image takes much load time, get it download and make the size minimum so that it may less time to load. and try to merge all icons & small images in to one single image so it also minimum the link request.
  • Seventh step is check your html structure (it’s optional) as you need designer help to check the html structure and optimize the html structure.
  • Eighth step & most last step is user cache plugin. In the wordpress there are many cache plugins freely available and not for wordprss you can find such available and readymade code may available in the net and can use it.
  • Last step is related to technical person which is somewhat related to cache the site page, I have added below code which you need to add at starting of .htaccess file. If you are a technical person or you have a little knowledge of .htaccess file of your website you can do it or it may stop your site working. So please make sure you are confident.

    Note : before you start optimization if you have technical knowledge of .htaccess, you should try below code at very beginning and see the effect. It should surely become effective for your site.

    ————————————————————————-
    Below code will cache all media files with extension : flv|gif|jpg|jpeg|png|ico|swf
    all content files with extension : js|css|pdf|txt
    webpage files : html|htm
    It will never cache files with extension : pl|php|cgi|spl|scgi|fcgi
    ————————————————————————-

    # cache images and flash content for one month
    <FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf)$">
    Header set Cache-Control "max-age=2592000"
    </FilesMatch>
    # cache text, css, and JavaScript files for one week
    <FilesMatch ".(js|css|pdf|txt)$">
    Header set Cache-Control "max-age=604800"
    </FilesMatch>
    # cache html and htm files for one day
    <FilesMatch ".(html|htm)$">
    Header set Cache-Control "max-age=43200"
    </FilesMatch>
    # explicitly disable caching for scripts and other dynamic files
    <FilesMatch "\.(pl|php|cgi|spl|scgi|fcgi)$">
    Header unset Cache-Control
    </FilesMatch>
    FileETag none

    ————————————————————————-

The above steps are common for the entire website in any language and any technology. Because webpage speed is most important factor for end user and no one will see your site if it’s not easily loaded on user screen. Please follow steps and on every step change check your website speed on http://www.webpagetest.org or any other speed checker system to see the effect.

Best Of luck & feel free for any kind of help or support. We provide you either free help and/or paid support also if needed. But you can see the effective output and I guarantee that you may like our service.

Posted on

WooStore Online Shopping cart with wooCommerce Plugin & Business Theme

Online Shopping Cart & Business Theme

A responsive Multipurpose online shopping e-commerce cart with wooCommerce plugin support by woothemes & Business WordPress CMS theme. Provides all the main functionality you will need to present your products, work and yourself online in an elegant and professional style.

Every Online store wants to present the products, work and himself online in an elegant and professional style. So, we came up with such a flexible design which will give you top notch & easy to use features that will make you stand out from the normal Multipurpose Business theme. This unique theme has very user friendly interface which can turn your visitor in to your buyer.

Our theme has core features like fully responsive, multiple color scheme options, localization ready, easy and attractive theme option settings, large collection of short codes, Page templates with pre-made styles and functions and much more.

See Our Fully Responsive Demo

Key Features of Theme :

  • A responsive Online shopping cart(e-commerce) & Multipurpose Business WordPress CMS theme
  • Fully Responsive, mean the design will adapt to mobile phones and tablets for a more intuitive browsing experience
  • Clean Design elements
  • Stylish feature rich design with super simple admin panel
  • multiple custom page templates
  • Drag and drop widget for Home content area, sidebar and footer
  • 7 multiple Color schemes
  • Layout enhancing short codes
  • Custom coded widgets
  • Social media profiles and social sharing buttons
  • All modern browser compatible
  • Short code collection
  • User short code in post/page as well in widget section
  • Category Wise portfolio settings page templates
  • Latest WordPress Version compatible


Home Page with different Color skins
Home Page with different Color skins

Portfolio Pages
Portfolio Pages

Online Store Pages
Store, Product Detail, Cart Listing & Checkout Pages

View more detail >>

Posted on

MapPress ClassiPress Plugin for AppThemes

ClassiPress is the original & most popular classified ads theme for WordPress by Appthemes

MapPress is plugin helps to add Google Map in your ClassiPress theme via short-code or action hook in home page, listing page and search page.

You can set the map center point as per your location.

The map will list all listing post with category wise colorful icons and you can change icons from category add/edit page of wp-admin.

On individual pin point click user can get listing title with link to detail page, Address, Business Direction.

Key Features

  • Google Map API 3 Version with all latest futures
  • Minimum java-script code written for Google map functionality
  • Speedy Google map data processing by json code processing
  • Totally json data code so no effect of multiple language problem
  • Colorful category wise colorful icons
  • Easily change pinpoint icon from category add/edit page of wp-admin
  • easily place the map in any post/page detail page by wordpress shortcode
  • also wordpress action hook is given to place the code any where in php you want to show the map
  • Set the map center points & zooming factor from plugin settings.
  • set the map height & width as per your settings while adding shortcode
  • Map type selection option ROADMAP/SATELLITE/HYBRID/TERRAIN
  • Specific category listing data selection option from plugin settings.
  • and many more…


Homepage Map
Homepage Map


Category page map
Category page map


Search Page Map
Search Page Map


View More Details >>