Showing posts with label Web Development. Show all posts
Showing posts with label Web Development. Show all posts

Sunday, 9 December 2012

Measure Your Site's Speed with Google Page Speed




Page speed is an important factor to increase the traffic of a site. Survey shows that most of the people ignore the sites that takes more than 3 seconds to load. Though the loading time depends mostly on the net speed. But excessive use of flash, JavaScript, Images can down the speed of any page even on a fast network. 

In this post I'm gonna tell you how can you measure your site's speed. There are several methods. As a standard way, I'm talking about Google Developers.


Let's test the speed now.
  1. Visit this page- Page Speed. 
  2. Now type your site's URL in the box (ie. http://munnamark.blogspot.com) and hit the analyze button. 
  3. Within few seconds you will get the result as below: 
The page Marks PC Solution got an overall PageSpeed Score of 94 (out of 100).



With this report, you will get some tips about how to optimize your site's loading time. Here are some tips to speed up your side: 
  • Avoid unnecessary Java Scripts.
  • Try to use compressed images.
  • Try to avoid flash contents if possible.
  • Do not place any unnecessary gadgets in the page

Stay with Marks PC Solution to get more interesting IT topics!

 

Wednesday, 29 August 2012

How to Add Flag Counter in Blog or Website?


If you've a blog or website then you may need a flag counter to know where do your site's visitors come from? Or how many countries has your blog reached so far? 

Today I'm gonna share a html code with you. This code will show the total page views of your site with total number of countries, unique visitors per country with flag label. All you need to do is just place an html gadget in your page. Or if you're new, then follow the simple steps below: 

  1. If your site is powered by blogger then sign in to your account. Then go to the layout option from the design. Then click on Add a Gadget where you wanna place this flag counter. Or if you're on WordPress or any other CMS system then follow the steps that let you add an HTML code on your site. 
  2. Then select HTML/ JavaScript. 
  3. Now copy and paste the following HTML code in the box and click save. 
  4. Then click on Save Arrangement. 
  5. Now visit your site and see the result. 

<a href="http://s06.flagcounter.com/more/sqB"><img src="http://s06.flagcounter.com/count/sqB/bg_FFFFFF/
txt_000000/border_CCCCCC/
columns_6/maxflags_30/
viewers_Visitor+Counter+by+Flag/
labels_1/pageviews_
1/flags_1/" alt="free counters" border="0" /></a>

Customization: You can customize the above code as below. 
  1. Number of Column: Notice the red colored (columns_6) text of the code. You can use 2, 3, 5 or more. This number determines how many columns will be displayed for showing flag. Maximum 8 columns can be displayed. 
  2. Maximum Flag: Then see the green colored part (maxflags_30). It means what will be the maximum number of flag. You can choose 20, 30, 40 etc. You can choose more than 100. But     I prefer below 30. Because choosing more than 30 flag will increase the loading time of your page.
  3. Flag Label: Now move to the purple colored part (labels_1). Labels_1 means it will show the label after the flag image. For example: US, UK, BD, PK etc. But showing label increase the size of the flag counter. If you wanna hide the label then replace the text as labels_0.  


Visit Marks PC solution to read the post.