Hi Bogdan,

Here is the image.

https://imgur.com/xpDllGh

Thanks! Kind Regards

I have this problem too :S

The page content is too wide for the viewport, forcing the user to scroll horizontally. Size the page content to the viewport to provide a better user experience.
The page content is 342 CSS pixels wide, but the viewport is only 320 CSS pixels wide.

Thank you very much 😉

I have one doubt…if i put this in .htcaccess:

AddType text/javascript .js

<IfModule mod_rewrite.c>
ExpiresActive On

# Favicon (cannot be renamed)
  ExpiresByType image/x-icon              "access plus 1 week"

# Media: images, video, audio
  ExpiresByType audio/ogg                 "access plus 1 month"
  ExpiresByType image/gif                 "access plus 1 month"
  ExpiresByType image/jpeg                "access plus 1 month"
  ExpiresByType image/png                 "access plus 1 month"
  ExpiresByType video/mp4                 "access plus 1 month"
  ExpiresByType video/ogg                 "access plus 1 month"
  ExpiresByType video/webm                "access plus 1 month"

# CSS and JavaScript
  ExpiresByType application/x-javascript    "access plus 1 week"
  ExpiresByType text/css                  "access plus 1 week"
  ExpiresByType text/javascript		  "access plus 1 week"

# Webfonts
  ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
  ExpiresByType application/x-font-ttf    "access plus 1 month"
  ExpiresByType application/x-font-woff   "access plus 1 month"
  ExpiresByType font/opentype             "access plus 1 month"
  ExpiresByType image/svg+xml             "access plus 1 month"

</IfModule>

¿Do I need to put this code too?

# END WordPress

AddType text/javascript .js

# BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 2500000 seconds"
ExpiresByType image/jpeg "access plus 2500000 seconds"
ExpiresByType image/png "access plus 2500000 seconds"
ExpiresByType image/gif "access plus 2500000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2500000 seconds"
ExpiresByType text/css "access plus 700000 seconds"
ExpiresByType text/javascript "access plus 700000 seconds"
ExpiresByType application/javascript "access plus 700000 seconds"
ExpiresByType application/x-javascript "access plus 700000 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
</IfModule>
# END Expire headers

# BEGIN Cache-Control Headers
<IfModule mod_headers.c>
<filesMatch "\.(ico|jpe?g|png|gif|swf)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(css)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(js)$">
Header set Cache-Control "private"
</filesMatch>
<filesMatch "\.(x?html?|php)$">
Header set Cache-Control "private, must-revalidate"
</filesMatch>
</IfModule>
# END Cache-Control Headers

<IfModule mod_headers.c>
    Header unset ETag
</IfModule>
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>

I think i resolved all issues in PageSpeed test about “Remove the blocking JavaScript and CSS display the contents of the upper half of the page” but yet appears this

http://ambito-financiero.com/…s/contact-form-7/includes/css/styles.css
http://s7.addthis.com/static/r07/widget119.css
http://ambito-financiero.com/…ster/external/bootstrap/td-bootstrap.css
http://ambito-financiero.com/wp-content/themes/Newspaper/style.css

Less addthis the another things are the theme css files

• This reply was modified 12 years by tracid.

Sorry, but, what’s the point?

Another thing, how can i put the addthis in async mode? I’m using a wordpress plugin of addthis, i found this http://support.addthis.com/customer/portal/articles/1215203-how-to-load-smart-layers-asynchronously#.UyDJ4T_FJ8E where i can do this in the plugin code.

• This reply was modified 12 years by tracid.

ok thanks 😉 i try this in localhost

is this code neccesary too in htaccess?

<IfModule mod_headers.c>
    Header unset ETag
</IfModule>
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>

And this

<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters collapse_whitespace
ModPagespeedEnableFilters move_css_to_head
ModPagespeedEnableFilters combine_css
ModPagespeedEnableFilters remove_comments
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters insert_dns_prefetch
</IfModule>

And i should put this code in the final of function.php?

add_filter( 'jpeg_quality', create_function( '', 'return 50;' ) );

Can i put the addthis plugin in async mode?

• This reply was modified 12 years by tracid.

thanks for the answer. I disable ads, i only have 1 in the homepage, in w3 total cache i enable only Page Cache, i put your code in htaccess, and launch the pagespeed test. If i make a pagespeed test in others webs the screenshot of the mobile and desktop in pagespeed it’s ok, but in my site isn’t. I don’t know what’s the problem :S. Sometimes appears something, sometimes it’s empy, sometimes appears only the text of menu mobile (in mobile screen)

The mobile score is better ;). But in the screenshots appears empty the mobile screen :S

In w3 total cache i only check the Page Cache in the general settings tab or i need make more changes in the other tabs?

The option of Minify should be enable?

I use http://cssminifier.com/ for my style.css and works but i realized another pagespeed test ando mobile score was 59.

The results in mobile test:

Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 5 blocking script resources and 8 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://ajax.googleapis.com/…s/jquery/1.10.2/jquery.min.js?ver=1.10.2
http://ambito-financiero.com/…ns/jetpack/_inc/postmessage.js?ver=2.9.1
http://ambito-financiero.com/…/jetpack/_inc/jquery.inview.js?ver=2.9.1
http://ambito-financiero.com/…/_inc/jquery.jetpack-resize.js?ver=2.9.1
http://s7.addthis.com/js/300/addthis_widget.js
Optimize CSS Delivery of the following:
http://ambito-financiero.com/…etpack/modules/likes/style.css?ver=2.9.1
http://ambito-financiero.com/…ubscriptions/subscriptions.css?ver=3.8.1
http://ambito-financiero.com/…modules/widgets/widgets.css?ver=20121003
http://ambito-financiero.com/…modules/sharedaddy/sharing.css?ver=2.9.1
http://ambito-financiero.com/…dgets/widget-grid-and-list.css?ver=3.8.1
http://ambito-financiero.com/…s/contact-form-7/includes/css/styles.css
http://ambito-financiero.com/…ster/external/bootstrap/td-bootstrap.css
http://ambito-financiero.com/wp-content/themes/Newspaper/style.css

Prioritize visible content
Your page requires additional network round trips to render the above-the-fold content. For best performance, reduce the amount of HTML needed to render above-the-fold content.
55.9KiB of the response was required to render the above-the-fold content. Prioritize visible content that is needed for rendering above-the-fold.

The results in desktop test:

Compressing resources with gzip or deflate can reduce the number of bytes sent over the network.
Enable compression for the following resources to reduce their transfer size by 173.8KiB (74% reduction).
Compressing http://ambito-financiero.com/ could save 46.2KiB (81% reduction).
Compressing http://ambito-financiero.com/…ster/external/bootstrap/td-bootstrap.css could save 27.8KiB (80% reduction).
Compressing http://ambito-financiero.com/…Newspaper/js/min/external.min.js?ver=3.4 could save 25.5KiB (65% reduction).
Compressing http://ambito-financiero.com/…mes/Newspaper/js/min/site.min.js?ver=3.4 could save 14.7KiB (74% reduction).
Compressing http://ambito-financiero.com/…ns/jetpack/_inc/postmessage.js?ver=2.9.1 could save 14.3KiB (74% reduction).
Compressing http://ambito-financiero.com/…jquery.form.min.js?ver=3.50.0-2014.02.05 could save 9.9KiB (62% reduction).
Compressing http://ambito-financiero.com/…modules/sharedaddy/sharing.css?ver=2.9.1 could save 8.9KiB (80% reduction).
Compressing http://ambito-financiero.com/…assets/js/js_composer_front.js?ver=3.6.8 could save 6.6KiB (68% reduction).
Compressing http://ambito-financiero.com/…-form-7/includes/js/scripts.js?ver=3.7.2 could save 6.2KiB (71% reduction).
Compressing http://ambito-financiero.com/…/_inc/jquery.jetpack-resize.js?ver=2.9.1 could save 5.7KiB (72% reduction).
Compressing http://ambito-financiero.com/…/jetpack/_inc/jquery.inview.js?ver=2.9.1 could save 3.5KiB (64% reduction).
Compressing http://ambito-financiero.com/…etpack/modules/likes/style.css?ver=2.9.1 could save 2.9KiB (70% reduction).
Compressing http://ambito-financiero.com/…dgets/widget-grid-and-list.css?ver=3.8.1 could save 1.1KiB (66% reduction).
Compressing http://ambito-financiero.com/…s/contact-form-7/includes/css/styles.css could save 524B (56% reduction).

What can i do to improve this? The thing that appear in the list are of jetpack pluging, contact-form, and things of the theme. The screenshots in mobile test only show the menu with any format, and in the desktop text the screen was empty.

I compare the source code of the theme demo with the souce code of my page and its too different. :S. I think this theme is too complicated to config correctly to improve the speed. Its necessary a guide to config the plugins like the theme demo, with the same options, then each user could comment your personal issues. If in the demo has been changed .htaccess for improve the speed and changed a w3 total cache, i think its necessary a guide because the speed of theme is one of best things that it have. If you make a bad config of this items, the theme is slowly like another themes.

Another question, i update the theme with the patch folder, is better reinstall all theme or is the same? I tell this because one of the updates was “clean code” and in my <head> there are a lot of code, more than in the theme demo and another pages that the people put here in the other posts :S

PD sorry for the english 🙂

• This reply was modified 12 years by tracid.
• This reply was modified 12 years by tracid.

If i only enable Page Cache my htcaccess contain this:

# BEGIN W3TC Page Cache core
<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteCond %{HTTPS} =on
    RewriteRule .* - [E=W3TC_SSL:_ssl]
    RewriteCond %{SERVER_PORT} =443
    RewriteRule .* - [E=W3TC_SSL:_ssl]
    RewriteCond %{REQUEST_METHOD} !=POST
    RewriteCond %{QUERY_STRING} =""
    RewriteCond %{REQUEST_URI} \/$
    RewriteCond %{HTTP_COOKIE} !(comment_author|wp-postpass|w3tc_logged_out|wordpress_logged_in|wptouch_switch_toggle) [NC]
    RewriteCond "%{DOCUMENT_ROOT}/wp-content/cache/page_enhanced/%{HTTP_HOST}/%{REQUEST_URI}/_index%{ENV:W3TC_SSL}.html" -f
    RewriteRule .* "/wp-content/cache/page_enhanced/%{HTTP_HOST}/%{REQUEST_URI}/_index%{ENV:W3TC_SSL}.html" [L]
</IfModule>
# END W3TC Page Cache core
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress

I only need put your code?

AddType text/javascript .js

<IfModule mod_rewrite.c>
ExpiresActive On

# Favicon (cannot be renamed)
  ExpiresByType image/x-icon              "access plus 1 week"

# Media: images, video, audio
  ExpiresByType audio/ogg                 "access plus 1 month"
  ExpiresByType image/gif                 "access plus 1 month"
  ExpiresByType image/jpeg                "access plus 1 month"
  ExpiresByType image/png                 "access plus 1 month"
  ExpiresByType video/mp4                 "access plus 1 month"
  ExpiresByType video/ogg                 "access plus 1 month"
  ExpiresByType video/webm                "access plus 1 month"

# CSS and JavaScript
  ExpiresByType application/x-javascript    "access plus 1 week"
  ExpiresByType text/css                  "access plus 1 week"
  ExpiresByType text/javascript		  "access plus 1 week"

# Webfonts
  ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
  ExpiresByType application/x-font-ttf    "access plus 1 month"
  ExpiresByType application/x-font-woff   "access plus 1 month"
  ExpiresByType font/opentype             "access plus 1 month"
  ExpiresByType image/svg+xml             "access plus 1 month"

</IfModule>

What is the config for w3 total cache for this theme? I intalled the plugin and i have enable Page Cache and Minify, and another things in other tabs

This are the results…. http://ambito-financiero.com/wp-content/uploads/2014/03/Sin-t%C3%ADtulo2.jpg

Sometimes appear the both screens (mobile and computer empty), the pagespeed test give me a big variability (Mobile 65 – Computer 89, Mobile 79 – Computer 74….)

• This reply was modified 12 years by tracid.

I view the source code of the demo, and its more different that my page.

Yours

<head>
    <title>Newspaper | Just another WordPress site</title>
    <meta charset="UTF-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="pingback" href="http://demo.tagdiv.com/newspaper/xmlrpc.php" />

    <link rel="icon" type="image/png" href="http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/08/favicon11.png"><link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://demo.tagdiv.com/newspaper/wp-content/uploads/2014/01/newspaper-76.png"/><link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://demo.tagdiv.com/newspaper/wp-content/uploads/2014/01/newspaper-120.png"/><link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://demo.tagdiv.com/newspaper/wp-content/uploads/2014/01/newspaper-152.png"/><link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://demo.tagdiv.com/newspaper/wp-content/uploads/2014/01/newspaper-114.png"/><link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://demo.tagdiv.com/newspaper/wp-content/uploads/2014/01/newspaper-144.png"/><meta name='robots' content='noindex,follow' />
<link rel="alternate" type="application/rss+xml" title="Newspaper &raquo; Feed" href="http://demo.tagdiv.com/newspaper/feed/" />
<link rel="alternate" type="application/rss+xml" title="Newspaper &raquo; Comments Feed" href="http://demo.tagdiv.com/newspaper/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="Newspaper &raquo; Homepage Comments Feed" href="http://demo.tagdiv.com/newspaper/homepage/feed/" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://demo.tagdiv.com/newspaper/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://demo.tagdiv.com/newspaper/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 3.8" />
<link rel='canonical' href='http://demo.tagdiv.com/newspaper/' />
<link rel='shortlink' href='http://demo.tagdiv.com/newspaper/?p=800' />
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><!<code>[endif]--></code>

My page

<head>
    <title>Ambito Financiero:finanzas personales,actualidad economica,pymes</title>
    <meta charset="UTF-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="pingback" href="http://ambito-financiero.com/xmlrpc.php" />

    <link rel="icon" type="image/png" href="http://ambito-financiero.com/wp-content/uploads/2013/10/favicon-ambito-financiero.png"><link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://ambito-financiero.com/wp-content/uploads/2014/02/ambito-financiero-76x76.png"/><link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://ambito-financiero.com/wp-content/uploads/2014/02/ambito-financiero-120x120.png"/><link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://ambito-financiero.com/wp-content/uploads/2014/02/ambito-financiero-152x152.png"/><link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://ambito-financiero.com/wp-content/uploads/2014/02/ambito-financiero-114x114.png"/><link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://ambito-financiero.com/wp-content/uploads/2014/02/ambito-financiero-144x144.png"/><link rel="alternate" type="application/rss+xml" title="Ambito Financiero:finanzas personales,actualidad economica,pymes &raquo; Feed" href="http://ambito-financiero.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="Ambito Financiero:finanzas personales,actualidad economica,pymes &raquo; RSS de los comentarios" href="http://ambito-financiero.com/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="Ambito Financiero:finanzas personales,actualidad economica,pymes &raquo; Portada RSS de los comentarios" href="http://ambito-financiero.com/portada/feed/" />
<link rel='stylesheet' id='arqam-style-css'  href='http://ambito-financiero.com/wp-content/plugins/arqam/assets/style.css?ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='open-sans-css'  href='//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='dashicons-css'  href='http://ambito-financiero.com/wp-includes/css/dashicons.min.css?ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='admin-bar-css'  href='http://ambito-financiero.com/wp-includes/css/admin-bar.min.css?ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='contact-form-7-css'  href='http://ambito-financiero.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=3.7.2' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-opensans-css'  href='http://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-ubuntu-css'  href='http://fonts.googleapis.com/css?family=Ubuntu%3A300%2C400%2C500%2C700%2C300italic%2C400italic%2C500italic%2C700italic&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Clatin-ext%2Ccyrillic&ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-pt-sans-css'  href='http://fonts.googleapis.com/css?family=PT+Sans%3A400%2C700%2C400italic&subset=latin%2Ccyrillic-ext%2Clatin-ext%2Ccyrillic&ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-oswald-css'  href='http://fonts.googleapis.com/css?family=Oswald%3A400%2C300%2C700&subset=latin%2Clatin-ext&ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-roboto-cond-css'  href='http://fonts.googleapis.com/css?family=Roboto+Condensed%3A300italic%2C400italic%2C700italic%2C400%2C300%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='td-bootstrap-css'  href='http://ambito-financiero.com/wp-content/themes/Newspaper/includes/wp_booster/external/bootstrap/td-bootstrap.css?ver=3.4' type='text/css' media='all' />
<link rel='stylesheet' id='td-theme-css'  href='http://ambito-financiero.com/wp-content/themes/Newspaper/style.css?ver=3.4' type='text/css' media='all' />
        <script type="text/javascript">
            function w3tc_popupadmin_bar(url) {
                return window.open(url, '', 'width=800,height=600,status=no,toolbar=no,menubar=no,scrollbars=yes');
            }
        </script>
            <script type='text/javascript' src='http://ambito-financiero.com/wp-includes/js/jquery/jquery.js?ver=1.10.2'></script>
<script type='text/javascript' src='http://ambito-financiero.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://ambito-financiero.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://ambito-financiero.com/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 3.8.1" />
<link rel='shortlink' href='http://ambito-financiero.com/?p=5031' />
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

And then there are thing that in my theme shows in the head, and in yours dont.

What config of w3 total cache uses?

• This reply was modified 12 years by tracid.