সোমবার, ৩০ সেপ্টেম্বর, ২০১৩

Suggestions Summary Page speed

Eliminate render-blocking JavaScript and CSS in above-the-fold content

Your page has 7 blocking script resources and 9 blocking CSS resources. This causes a delay in rendering your page.

§ None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.

§ Remove render-blocking JavaScript:

§ http://appstore-24.com/wp-includes/js/jquery/jquery.js?ver=1.10.2

§ http://appstore-24.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1

§ http://appstore-24.com/wp-content/plugins/wiziapp-create-your-own-native-iphone-app/themes/webapp/scripts/wiziapp.js?ver=2.0.9

§ http://appstore-24.com/wp-content/themes/cache/js/tie-scripts.js?ver=3.6.1

§ http://dtym7iokkjlif.cloudfront.net/media/js/jquery.shareaholic-publishers-sb.min.js?ver=6.1.5.1

§ http://appstore-24.com/wp-content/plugins/wp-favorite-posts/wpfp.js?ver=3.6.1

§ http://appstore-24.com/wp-content/plugins/follow-me/js/bubble.js

§ Optimize CSS Delivery of the following:

§ http://appstore-24.com/wp-content/themes/cache/style.css

§ http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold

§ http://appstore-24.com/wp-content/plugins/wp-favorite-posts/wpfp.css

§ http://appstore-24.com/wp-includes/js/thickbox/thickbox.css?ver=20121105

§ http://appstore-24.com/wp-content/plugins/download-manager/css/front.css?ver=3.6.1

§ http://appstore-24.com/wp-content/plugins/follow-me/css/style.css

§ http://fonts.googleapis.com/css?family=Oswald

§ http://appstore-24.com/wp-content/plugins/paid-downloads/css/style.css?ver=3.15

§ http://appstore-24.com/wp-content/themes/cache/css/style-blue.css

Reduce server response time

§ In our test, your server responded in 0.90 seconds. There are many factors that can slow down your server response time. Please read our recommendations to learn how you can monitor and measure where your server is spending the most time.

Improve Server Response Time

This rule triggers when PageSpeed Insights detects that your server response time is above 200 ms.

Overview

Server response time measures how long it takes to load the necessary HTML to begin rendering the page from your server, subtracting out the network latency between Google and your server. There may be variance from one run to the next, but the differences should not be too large. In fact, highly variable server response time may indicate an underlying performance issue.

Recommendations

You should reduce your server response time under 200ms. There are dozens of potential factors which may slow down the response of your server: slow application logic, slow database queries, slow routing, frameworks, libraries, resource CPU starvation, or memory starvation. You need to consider all of these factors to improve your server's response time. The first step to uncovering why server response time is high is to measure. Then, with data in hand, consult the appropriate guides for how to address the problem. Once the issues are resolved, you must continue measuring your server response times and address any future performance bottlenecks.

1. Gather and inspect existing performance and data. If none is available, evaluate using an automated web application monitoring solution (there are hosted and open source versions available for most platforms), or add custom instrumentation.

2. Identify and fix top performance bottlenecks. If you are using a popular web framework, or content management platform, consult the documentation for performance optimization best practices.

3. Monitor and alert for any future performance regressions!

Optimize images

Properly formatting and compressing images can save many bytes of data.

§ Optimize the following images to reduce their size by 31.5KiB (27% reduction).

§ Losslessly compressing http://appstore-24.com/wp-content/uploads/app-store-android-logo-copy1.jpg could save 16.8KiB (77% reduction).

§ Losslessly compressing http://appstore-24.com/wp-content/themes/cache/images/patterns/body-bg7.png could save 7.1KiB (26% reduction).

§ Losslessly compressing http://2.bp.blogspot.com/-INo7IsiQ0xU/UjLS4-TJOlI/AAAAAAAAABo/eY9nW61iRfA/s1600/728x90.gif could save 2.6KiB (31% reduction).

§ Losslessly compressing http://appstore-24.com/wp-content/plugins/follow-me/images/us/followme_top.gif could save 1.6KiB (18% reduction).

§ Losslessly compressing http://appstore-24.com/wp-content/themes/cache/timthumb.php?src=/wp-content/uploads/Flipster-for-Facebook-logo.png&h=125&w=272&a=c could save 1.2KiB (7% reduction).

§ Losslessly compressing http://appstore-24.com/wp-content/themes/cache/timthumb.php?src=/wp-content/uploads/Modern-combat-4-zero-hour-app-store.jpg&h=125&w=272&a=c could save 850B (6% reduction).

§ Losslessly compressing http://appstore-24.com/wp-content/themes/cache/timthumb.php?src=/wp-content/uploads/IM-pro.jpg&h=125&w=272&a=c could save 745B (7% reduction).

§ Losslessly compressing http://appstore-24.com/wp-content/themes/cache/timthumb.php?src=/wp-content/uploads/Adobe-Reader.jpg&h=125&w=272&a=c could save 686B (10% reduction).

AD CODE IMPLEMENTATION Create a responsive ad unit

NEXT: ABOUT THE ASYNCHRONOUS AD CODE

Responsive web design allows you to dynamically control the presentation of your website according to the properties of the screen/device that it’s being viewed on. By using a responsive ad unit, you can control the size of the ads on your page, in line with how you control the layout of the rest of your page across devices. For more information on responsive design in general, see Building Smartphone-Optimized Websites on the Google Developers site.

Responsive ad units use the new asynchronous ad code. With the asynchronous ad code, you can set the size of the ad code directly via Cascading Style Sheets (CSS), which allows you to dynamically specify the size of the ad that will be served.

Step 1. Generate the ad code

To generate the ad code for a responsive ad unit:

· Create an ad unit in the usual way, making sure to select “Responsive ad unit (BETA)” from the Ad size drop-down in the process.

Note that as responsive ad units only use asynchronous code, you won't see a Code type drop-down in the “Ad code” box when you get your code.

Step 2. Place the ad code on your site

Copy and paste the ad code into the HTML source code of your page where you'd like the ad to appear.

Step 3. Set the size of the responsive ad unit

Responsive ad units have no predefined size, so you need to specify the size dynamically through CSS. As this feature is still in beta, here are a few pointers to keep in mind when setting your size:

· Be sure to specify fixed pixel values when setting the width and height of the ad to be served. Make sure that the specified width and height match one of our supported ad sizes.

· The asynchronous ad code is responsive on initial page load only, subsequent changes to the ad size (e.g., after a screen orientation change) will not cause a new ad to be displayed. This is something that we’ll look to address in the future.

· Always set a default ad size in case media queries aren’t supported.

· We currently don’t provide a breakdown by size for all of the ads served by a responsive ad unit. This is also something that we’ll look to address in the future.

Examples

Basic non-responsive example

Here’s a simple non-responsive example that shows how you can set the size of the ad unit through CSS:

<style
type="text/css">

.adslot_1 { width: 728px;
height: 90px; }

</style>

<ins class="adsbygoogle
adslot_1" style="display:inline-block;"
data-ad-client="ca-pub-1234"
data-ad-slot="5678"></ins>

<script async
src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<script>(adsbygoogle = window.adsbygoogle
|| []).push({});</script>

Responsive leaderboard example

For a responsive ad unit, you use media queries to set the size. Typically you’ll want to base the size on the width of a screen. Here’s an example of a CSS style block that can be combined with the basic example above to give a responsive leaderboard:

<style
type="text/css">

.adslot_1 {

  width: 320px; height:
50px;

}

@media (min-width:500px) {
.adslot_1 {

  width: 468px; height:
60px;

}}

@media (min-width:800px) {
.adslot_1 {

  width: 728px; height:
90px;

}}
</style>

Note that the sizes in this example are the same as those in the sample CSS media queries in the responsive ad code you generate on the My ads tab.

The @media rules are a CSS3 syntax, and are supported on all modern browsers. If you want to support older browsers, such as, Internet Explorer 7 or lower, we suggest having a default size specified first. This will ensure that an ad renders even when media queries aren’t supported. Note that setting the size of the ad code via CSS in external style sheets is not officially supported.

Tracking the performance of responsive ad units

You can track the performance of your responsive ad units by viewing the ad sizes report on the Performance reports tab. All responsive ad unit requests are shown under the “Responsive” label in the report.

AD CODE IMPLEMENTATION Create an ad unit

NEXT: CREATE A RESPONSIVE AD UNIT

To create a new AdSense ad unit that you can manage within your account, follow the steps below.

1.       Sign in to your account at http://www.google.com/adsense.

2.       Visit the My ads tab.

3.       From the sidebar, choose your product. If you simply want to display ads on your website, choose "Content."

4.       Click +New ad unit.

5.       Name and customize your ad unit.

View details about the settings.

o    Name: Provide a unique name and description that will help you find this ad unit later.

o    Ad size: In general, wider ad units perform better. We encourage you to choose one of our recommended ad sizes, which have shown to perform well across a variety of sites.

o    Ad type: We encourage you to display both text and image ads. By displaying more ad types, you can earn more revenue.

o    Backup ads: When no targeted ads are available, you can choose to display another ad or color instead.

o    Custom channels: Custom channels are an advanced feature that you can use to group specific ad units together. Learn more about custom channels.

CHANNELS

Custom channels overview

Custom channels allow you to track the performance of specific groups of ad units. You design your own custom channels and use them to view the performance of ad units in ways that are meaningful to you. Here are a few examples of ways you can group and track ad units with custom channels:

·         Ad sizes and colors

·         Location of ads on a page -- left side vs. right side, embedded in content or above it

·         Page topics -- articles about sports vs. entertainment

You can also turn any custom channel into a targetable ad placement where advertisers can specifically choose to display their ads.

Creating custom channels

There are two ways to set up a custom channel to track ad units:

·         When you create or edit an ad unit, you can add a custom channel to track that ad unit.

View instructions

1.       Visit the My ads tab.

2.       To add a channel to an existing ad unit, select that ad unit. To create a new ad unit, click "New ad unit."

3.       In the Custom channels section, click "Create new custom channel".

4.       Give your custom channel a name that clearly describes what types of ad units you are tracking with the channel and will help you identify it later. For example, car_pages or blue_skyscrapers.

5.       Choose any additional ad units to track with this channel by clicking "add."

6.       If you'd like this custom channel to appear to advertisers as a targetable ad placement, check the Targeting box and enter the requested details. Or, leave it unchecked to create a custom channel for tracking purposes only.

7.       Save your new custom channel, then continue to customize and save your ad unit.

8.       The performance of this ad unit will now be tracked with your new custom channel.

·         Create a custom channel, then add ad units to track with it later.

View instructions

1.       Visit the My ads tab.

2.       From the sidebar, choose Custom channels

3.       Click "New custom channel."

4.       Give your custom channel a name that clearly describes what types of ad units you are tracking with the channel and will help you identify it later. For example, car_pages or blue_skyscrapers.

5.       Choose ad units to track with this channel by clicking "add." You can also return to this step to add ad units later.

6.       If you'd like this custom channel to appear to advertisers as a targetable ad placement, check the Targeting box and enter the requested details. Or, leave it unchecked to create a custom channel for tracking purposes only.

7.       Save your new custom channel.

Viewing reports for custom channels

Since you've created a custom channel to track the performance of specific ad units, it's important to know how to view a custom channel report.

1.       Visit the Performance reports tab.

2.       From the sidebar, select Common reports and click Custom channels.

3.       Click a custom channel in the table to view more detailed statistics.

4.       You can also add dimensions to segment your channel data.

You can also combine the Custom channels report with the countries dimension. Data is available for this combination from March 9, 2013, onwards.

o    Ad style: Choose an ad style that complements your page. (View tips.) You can also set a different font face, font size, and corner style, or just use Google defaults.

6.       Click Save and get code.

7.       Choose the code type that you want to use:

o    To use the current AdSense ad code, leave the code type set to "Synchronous."

o    If you want to use the new asynchronous ad code, select "Asynchronous BETA" from the Code type drop-down.

If you've chosen to create a responsive ad unit, you won't see the Code type drop-down in the “Ad code” box. Responsive ad units only use asynchronous ad code.

8.       Copy and paste the ad code into the HTML source code of your pages where you'd like ads to appear. If you're not sure how to do this, you might want to review our Code Implementation Guide.

Once you've saved your website, ads will appear within a few minutes. If you need to change the settings of this ad unit in the future, you can edit it from the list of content ads under the My ads tab.