Monthly Archives: April 2013

Site optimization

Tips for Optimizing your Web Site Performance. :-)

You all are know that in this fastest world every one should want to render that website fast as early as possible.To Optimize your web site you should have proper knowledge of below points. If you follow below points then 110% your website speed is increase. So you got more more traffic in your site and also it will help to increasing page rank.

  • Avoid CSS @import
    Using CSS @import in an external stylesheet can add additional delays during the loading of a web page.Learn more
  • Specify character set in the meta tag
    Specifying a character set in the HTTP response headers of your HTML documents allows the browser to begin parsing HTML and executing scripts immediately.Learn more
  • Avoid landing page redirects
    Many pages, especially mobile pages, redirect users to a different URL, for instance from http://www.example.com to m.example.com. Making this redirect cacheable by the user’s browser can speed up page load times for repeat visitors to a site.Learn more
  • Avoid bad requests
    Removing “broken links”, or requests that result in 404/410 errors, avoids wasteful requests.Learn more
  • Inline Small CSS
    Inlining small stylesheets into the main HTML page cuts down on RTTs and delays in downloading other resources.Learn more
  • Inline Small JavaScript
    Inlining small JavaScript files into the main HTML page cuts down on RTTs and delays in downloading other resources.Learn more
  • Leverage browser caching
    Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network.Learn more
  • Serve resources from a consistent URL
    It’s important to serve a resource from a unique URL, to eliminate duplicate download bytes and additional RTTs.Learn more
  • Minimize request size
    Keeping cookies and request headers as small as possible ensures that an HTTP request can fit into a single packet.Learn more
  • Serve scaled images
    Properly sizing images can save many bytes of data.Learn more
  • Minify JavaScript
    Compacting JavaScript code can save many bytes of data and speed up downloading, parsing, and execution time.Learn more
  • Minify CSS
    Compacting CSS code can save many bytes of data and speed up downloading, parsing, and execution time.Learn more
  • Defer parsing of JavaScript
    By minimizing the amount of JavaScript needed to render the page, and deferring parsing of unneeded JavaScript until it needs to be executed, you can reduce the initial load time of your page.Learn more
  • Optimize images
    Properly formatting and compressing images can save many bytes of data.Learn more
  • Combine images into CSS sprites
    Combining images into as few files as possible using CSS sprites reduces the number of round-trips and delays in downloading other resources, reduces request overhead, and can reduce the total number of bytes downloaded by a web page.Learn more
  • Enable compression
    Compressing resources with gzip or deflate can reduce the number of bytes sent over the network.Learn more
  • Minimize redirects
    Minimizing HTTP redirects from one URL to another cuts out additional RTTs and wait time for users.Learn more
  • Optimize the order of styles and scripts
    Correctly ordering external stylesheets and external and inline scripts enables better parallelization of downloads and speeds up browser rendering time.Learn more
  • Specify a cache validator
    By specifying a cache validator – a Last-Modified or ETag header – you ensure that the validity of cached resources can efficiently be determined.Learn more
  • Minify HTML
    Compacting HTML code, including any inline JavaScript and CSS contained in it, can save many bytes of data and speed up downloading, parsing, and execution time.Learn more
  • Specify image dimensions
    Specifying a width and height for all images allows for faster rendering by eliminating the need for unnecessary reflows and repaints.Learn more
  • Put CSS in the document head
    Moving inline style blocks and elements from the document body to the document head improves rendering performance.Learn more
  • Remove query strings from static resources
    Enabling public caching in the HTTP headers for static resources allows the browser to download resources from a nearby proxy server rather than from a remote origin server.Learn more
  • Specify a Vary: Accept-Encoding header
    Instructs proxy servers to cache two versions of the resource: one compressed, and one uncompressed. This helps avoid issues with public proxies that do not detect the presence of a Content-Encoding header properly.Learn more
  • Prefer asynchronous resources
    Fetching resources asynchronously prevents those resources from blocking the page load.Learn more

How To integrate Face Book Log in button in your Site?

Step – 1 : First Identified at which place you want to place your like button on your site.

Step – 2 : Then Copy and paste bellow code as per the instructions.

<div id="fb-root">&nbsp;</div>
<script type="text/javascript">// <![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "https://connect.facebook.net/en_US/all.js#xfbml=1&appId=ENTER YOUR APP ID";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
// ]]></script>



Step – 4 : If you do not have appid then please refer this post How To create a Facebook App Id And Secret id

Step – 5 : ENTER YOUR APP ID and adjust height, width and style as per your requirement.

Word Press

How to Add Custom Dashboard Widgets in WordPress?

Copy and paste Below code in your function.php file


add_action('wp_dashboard_setup', 'my_own_custom_dashboard_widgets');

function my_own_custom_dashboard_widgets() 
{
    global $wp_meta_boxes;
    wp_add_dashboard_widget('custom_help_widget', 'Theme Support', 'custom_dashboard_help');
}
// This Function is chaining function for my_own_custom_dashboard_widgets
// This is display custom widget text.
function custom_dashboard_help() 
{
      echo '<p>Welcome to Custom Blog <a href="https://shahkeyul.wordpress.com/">Web Expert Developers</a>.</p>';
}