help for improving page speed desktop performance

54 views
Skip to first unread message

Leeann Lavin

unread,
Nov 24, 2014, 9:00:02 PM11/24/14
to pagespeed-ins...@googlegroups.com

I got the following message and am asking help on now to make changes in order to optimize.  Thank you for any help/tips.

We’ve analyzed how well your pages with the highest number of ad requests perform on desktop computers. Improving the performance of these pages can lead to an improved experience for your users and increased traffic and earnings.

Analyzed pages:

Miguel García Sánchez - Colomer

unread,
Nov 26, 2014, 4:09:29 AM11/26/14
to pagespeed-ins...@googlegroups.com
Hi,
i'll try to help.

How to fix some main pagespeed's suggestions:


1 ) To optimize images you can use optipng or jpegtran to get the best compression. 

you have to follow these steps for it:

1) Download optipng for png images.
2) Download jpegtran for jpg images.
3.1) In a Command prompt with png files and optipng in the same directory write something like this: optipng -o7 *.png and then upload the images to your web.
3.2) In a Command prompt with jpg files and jpegtran in the same directory write something like this: jpegtran -optimize source_file.jpg destination_file.jpg and then upload the images to your web.

Optipng and Jpegtran will compress your images without loss in quality for sure.

Step 2 and 3 are very technical. So don't do nothing if you do not have basic experience with css and javascript.

2) ALWAYS MAKE BACKUP OF YOUR CONTENT HAVE NO PROBLEMS BEFORE ATTEMPTING TO IMPLEMENT ANY REMEDY .

With the CSS Render Blocking:

SUMMARY: First we extract the CSS we have integrated into the page, well referenced in the code of the template or CSS files external to the Blog. Then discuss lines Blogger XML that make your CSS are drawn. We are going to "inline" our CSS code in the template with standard html TAGS, so that everything returns to normal but having the CSS code included on the page. 

2.1) Collect the CSS code.  
 
2.2) Inline it compressed bellow the <head>  <style type='text/css'> YOUR_COMPRESSED_CSS_CODE_HERE< / style> 
 

A little example with in the template (with fonts in css):

<style type='text/css'>
@font-face {
  font-family: &#39;Open Sans&#39;;
  font-style: normal;
  font-weight: 300;
  src: local(&#39;Open Sans Light&#39;), local(&#39;OpenSans-Light&#39;), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format(&#39;woff&#39;);
}
@font-face {
  font-family: &#39;Open Sans&#39;;
  font-style: normal;
  font-weight: 400;
  src: local(&#39;Open Sans&#39;), local(&#39;OpenSans&#39;), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format(&#39;woff&#39;);
}
</style>
 

3) With .js Render Blocking:

1) Collect the JS you use and you have Javascripts by code. It's needed that you use async or deferred calls.
 
2) Find < / body> in your template
 
4) Put your deferred JS code just before < / body>
 
 A little example in the template with js with facebook and Google Analytics script: 

ASYNC: 

DEFERRED:
 
 

NOTE : Try the Javascript code is correctly compressed .
NOTE 2: If there are scripts that do not correspond to the closing of the body , put them just before they are needed in the code to not saturate the <head> or any other section of the HTML code with excess .


 If you have any questions i'm here to help.

Best regards,
Reply all
Reply to author
Forward
0 new messages