Search Results for 'optimize'

Claro que puedes usar el plugin aunque te aparezca que no está testeado. Este va a recortar TOOOOODAs las imágenes de tu sitio desde antes de que instalaras el theme newspaper. DE este modo tendrá mejor forma y las imágenes no tendrán que servirse en tamaños que no son los diseñados para el funcionamiento.

OJO: Si tu sitio es grande con cientos de entradas que a su vez son miles de imágenes, este proceso llevará un buen rato pues tiene que crearte como 10 imágenes recortadas por cada imagen que has subido.

De ahí en fuera puedes instalar ewww optimizer que funciona super bien para la optimización de imágenes al máximo. Si tu servidor no lo soporta por ser shared hosting o bien tienes un vps o dedicado que no tiene las capabilidades para el optimizer, puedes comprar una clave en línea las venden desde 3 usd al mes y así se realiza la optimización en sus servidores.

Is this the plugin you are talking about? https://wordpress.org/plugins/regenerate-thumbnails/

In some way all the stories are new because I moved (coping and pasting!) an old static site to wp with this theme, so i imagine something went wrong at some point.

I can not turn off contact form because I use it although I would consider replacing it. Any suggestion?

I could not manage to fix the bad favicon link so far, now i will attack the aweber tracking pixel 🙂

I have optimized all the image before uploading them but now I realized I could do a better work so I’m trying to do it all again.

Thanks

Hmmm…
Hi, did you run regenerate thumbnails plugin when switching to theme to make the thumbs needed for existing stories? The theme doesn’t make thumbnails for existing stories, only new ones. So, your 2002 and 2003 images that are giving you that error should be fixed by the regenerate thumbnails plugin.

(I’d recommend adding my suggested WP image optimization element to your functions.php file before running the script — see my notes in the pagespeed sticky top of forum; go backwards from the end to find my stuff more quickly…. this will cut your thumbnail sizes by 30% without having to do anything else!)

Also remember that the theme / WP won’t enlarge images, only create smaller ones.

We don’t need to use the jpeg mini or smush-it, or similar as we actually run our own webserver using imagemagick and mod_pagespeed; we also optimize our images in Photoshop prior to upload and set the default compression in WP from 90 to 60 for better “built in” compression of images generated by WordPress automatically, and by the theme (see the pagespeed sticky in the forum for more on my tips for image optimization if curious).

You have some issues you can fix like a bad favicon link, load CC logo locally, turn off the aweber tracking pixel, turn off contact form 7 if not using it, etc.

I betcha running the regenerate thumbnails plugin will fix the issue you were mainly having, though 🙂

• This reply was modified 11 years by simchris.

Hi Christopher:

The plugin I’m using are:
Adrotate
Akismet
BackWPup
Contact form
Disqus
Envato
P3 (performance profiler)
tagDiv Social Counter
tagDiv speed booster
SEO by Yoast
WP-Optimize
WPBackery Visual Composer
WP Super Cache

And please feel free to run the report on http://gtmetrix.com/ yourself: http://www.mujeresdeempresa.com
I’ve just began today to optimize and install WP Super cache but the problem with the images were before i installed it.

By the way have you seen this: http://www.jpegmini.com/app ?

Thanks

Hi:

I have some question concerning image optimization and page speed.
I usually use an optimized 745×483 px for feature image and let the theme do the other dimensions.
Now when testing with http://gtmetrix.com/ it says:

The following images are resized in HTML or CSS.
Serving scaled images could save 1000.6KiB (74% reduction).

/saskia-sassen.jpg is resized in HTML or CSS from 624×351 to 198×111. Serving a scaled image could save 78.7KiB (89% reduction).
/networking2.jpg is resized in HTML or CSS from 611×427 to 198×138. Serving a scaled image could save 68.9KiB (89% reduction).

So i do not understand why a scaled image is served when a thumbnails is at hand.

What can I do?

Thanks

Duh! sorry about that, had my blonde moment of the day.

Another curious thing I’ve noticed, I am using wp-smush but google still says the images can be optimized.

Hmmm…. likely you could make a new “category” that doesn’t conflict with the page name, then delete old category and redirect to the new category (WP gives you option when deleting category to point at a replacement category, if memory serves — might be a plugin for that I’m thinking of …); then try deleting the page, then create a NEW page.

Likely also running WP-Optimize after doing backup might help, and perhaps using the built-in WP repair dbase function I think you can do by adding a line to your wp-config.php file if memory serves (sorry, been down these roads a few times the past 9 years, but some of it rusty in my fragile little mind …) 🙂

There is no automated way to do that as far as I know; generally the demo content is only intended to help set up a basic website to get it going and never used with an existing site/content.

Best way to delete stuff is go to “all posts” and delete the demo posts, if any are still there, go to posts > categories and delete any categories you don’t want; under wp > media; go in and delete all images you don’t wish to use.

I might suggest using ‘wp-optimize’ plugin to optimize dbase after that.

Hope that helped!

You would need to manually “minify” your CSS/JS. See the “PageSpeed” sticky topic for more info on optimizing your site.

Use GTMetrix.com to test your site as it will outline which issues are server or content related, and often provide optimized versions you can download and try to upload to your site.

It’s virtually impossible to remove the “render blocking” issue, as unless you build a site theme from scratch to load CSS in “sections” (impossible with a site theme like this with so many options for different types of users), there will ALWAYS be the need to load some elements before the above the fold content loads. Upshot: worry about everything ELSE and leave that for last.

One of my websites has pagespeed score of 97 with the render blocking issues still there as a warning. It’s the last thing to worry about.

Please see the sticky post on maximizing your site for PageSpeed. You can manually minify your CSS and JS main files. Browser cache settings can be specified in htaccess file if running Apache (I posted the how to on that in the sticky category of forum).

YOu may find it useful to test one of your post pages using GTMetrix in place of Google, as it will also give you better examples of how to optimize your page, tell you what needs to be fixed, and often give you minified versions of CSS/JS files you can grab. Free.

Just that I’m getting optimize css delivery for the css files even if they’re at bottom!

You cannot optimize code running on twitter’s servers unfortunately.

Use the visual composer which comes with the theme as it’s optimized to work with theme and is bundled version, and does not require a license code.

Um…. did you look at the POST SETTINGS in the theme panel ? Under “sharing.”

There are no “custom settings” – no.

You can turn ON the basic set of buttons or the basic counter style buttons, or OFF if you want to use a plugin like AddThis, ShareIt, etc.

We use the default on one of our sites as that is the most popular things and it’s optimized for best speed (yay!). For another site we use AddThis as it adds more choices for top/bottom, counters, [+] button to all the optional things like Tumbler, etc.

For developers who need custom specific buttons for their specific audience, you can edit the code to add more buttons, as needed.

If you want easy route: use AddThis plugin 🙂

• This reply was modified 11 years by simchris.

You need to *decide* what fonts you wish to use for the theme.

If all of this is beyond you, then you can simply stick with the standard font usage as most sites do. What we’re talking about here is somewhat advanced; and if it doesn’t make sense, then you should likely skip this and worry about other necessary site optimizations.

If you look at my code from functions.php in 4.4 version of theme, you will also need to comment out the line that calls the Google fonts (using // ):

/*  ----------------------------------------------------------------------------
    CSS - front end
 */

function td_load_css() {

    //google fonts
    if ((defined('TD_DEPLOY_MODE') and (TD_DEPLOY_MODE == 'demo' /*or TD_DEPLOY_MODE == 'dev' */)) or defined('TD_SPEED_BOOSTER')) { //on demo and dev we load only the latin fonts
        //modify this collection if you want to optimize the fonts loaded
        //collection url -> : http://www.google.com/fonts#ReviewPlace:refine/Collection:PT+Sans:400,700,400italic|Ubuntu:400,400italic|Open+Sans:400italic,400|Oswald:400,700|Roboto+Condensed:400italic,700italic,400,700
        //wp_enqueue_style('google-font-rest', td_global::$http_or_https . '://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic|Ubuntu:400,400italic|Open+Sans:400italic,400|Oswald:400,700|Roboto+Condensed:400italic,700italic,400,700'); //used on menus/small text
    }

and I deleted this

        $td_user_fonts_list = array();
        $td_user_fonts_db = td_util::get_option('td_fonts');
        if(!empty($td_user_fonts_db)) {
            foreach($td_user_fonts_db as $td_font_setting_key => $td_font_setting_val) {
                if(!empty($td_font_setting_val) and !empty($td_font_setting_val['font_family'])) {
                    $td_user_fonts_list[] = $td_font_setting_val['font_family'];
                }
            }
        }

        if(!in_array('g_438', $td_user_fonts_list)) {//'g_438', //Open Sans
            wp_enqueue_style('google-font-opensans', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic'); //used on menus/small text
        }

        if(!in_array('g_617', $td_user_fonts_list)) {//'g_617', //Ubuntu
            wp_enqueue_style('google-font-ubuntu', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic'); //used on content
        }

        if(!in_array('g_453', $td_user_fonts_list)) {//'g_453', //PT Sans
            wp_enqueue_style('google-font-pt-sans', td_global::$http_or_https . '://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic&subset=latin,cyrillic-ext,latin-ext,cyrillic'); //used on content
        }

        if(!in_array('g_445', $td_user_fonts_list)) {//'g_445', //Oswald
            wp_enqueue_style('google-font-oswald', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext'); //used on content
        }

        if(!in_array('g_521', $td_user_fonts_list)) {//'g_521', //Roboto
            wp_enqueue_style('google-roboto-cond', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic'); //used on content
        }

        if(!in_array('g_639', $td_user_fonts_list)) {//'g_639', //Vollkorn
            wp_enqueue_style('google-vollkorn', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Vollkorn:400italic,700italic,400,700'); //used on quoates classic
        }
    }

You would still need to search/replace all instances of Google fonts in your style.css as I stated to replace all font stacks with the Google fonts you wish to use. Or, you’d need to look at the fonts in there to use for grabbing the CSS from Google Fonts to put at bottom of your style.css file.

How do I know what font I am using ?

I found the code. What to do here, to remove the fonts I don’t use ?

/*  ----------------------------------------------------------------------------
    CSS - front end
 */

function td_load_css() {

    //google fonts
    if ((defined('TD_DEPLOY_MODE') and (TD_DEPLOY_MODE == 'demo' /*or TD_DEPLOY_MODE == 'dev' */)) or defined('TD_SPEED_BOOSTER')) { //on demo and dev we load only the latin fonts
        //modify this collection if you want to optimize the fonts loaded
        //collection url -> : http://www.google.com/fonts#ReviewPlace:refine/Collection:PT+Sans:400,700,400italic|Ubuntu:400,400italic|Open+Sans:400italic,400|Oswald:400,700|Roboto+Condensed:400italic,700italic,400,700
        wp_enqueue_style('google-font-rest', td_global::$http_or_https . '://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic|Ubuntu:400,400italic|Open+Sans:400italic,400|Oswald:400,700|Roboto+Condensed:400italic,700italic,400,700'); //used on menus/small text
    } else {

        $td_user_fonts_list = array();
        $td_user_fonts_db = td_util::get_option('td_fonts');
        if(!empty($td_user_fonts_db)) {
            foreach($td_user_fonts_db as $td_font_setting_key => $td_font_setting_val) {
                if(!empty($td_font_setting_val) and !empty($td_font_setting_val['font_family'])) {
                    $td_user_fonts_list[] = $td_font_setting_val['font_family'];
                }
            }
        }

        if(!in_array('g_438', $td_user_fonts_list)) {//'g_438', //Open Sans
            wp_enqueue_style('google-font-opensans', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic'); //used on menus/small text
        }

        if(!in_array('g_617', $td_user_fonts_list)) {//'g_617', //Ubuntu
            wp_enqueue_style('google-font-ubuntu', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic'); //used on content
        }

        if(!in_array('g_453', $td_user_fonts_list)) {//'g_453', //PT Sans
            wp_enqueue_style('google-font-pt-sans', td_global::$http_or_https . '://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic&subset=latin,cyrillic-ext,latin-ext,cyrillic'); //used on content
        }

        if(!in_array('g_445', $td_user_fonts_list)) {//'g_445', //Oswald
            wp_enqueue_style('google-font-oswald', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext'); //used on content
        }

        if(!in_array('g_521', $td_user_fonts_list)) {//'g_521', //Roboto
            wp_enqueue_style('google-roboto-cond', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic'); //used on content
        }

        if(!in_array('g_639', $td_user_fonts_list)) {//'g_639', //Vollkorn
            wp_enqueue_style('google-vollkorn', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Vollkorn:400italic,700italic,400,700'); //used on quoates classic
        }
    }

    //add the google style link for fonts used by user
    $td_fonts_css_files = td_util::get_option('td_fonts_css_files');
    if(!empty($td_fonts_css_files)) {
        wp_enqueue_style('google-fonts-style', td_global::$http_or_https . $td_fonts_css_files);
    }

    //bootstrap - custom built - it was generated via compilation of /external/bootstrap-master/less/bootstrap.less

    wp_enqueue_style('td-bootstrap', get_template_directory_uri() . '/includes/wp_booster/external/bootstrap/td-bootstrap.css', '', TD_THEME_VERSION, 'all' );

    //main theme style - set the TD_DEBUG_USE_LESS flag in /includes/app/td_config.php and the theme will load the less files and compile them for you
    if (TD_DEBUG_USE_LESS) {
        wp_enqueue_style('td-theme', get_template_directory_uri() . '/td_less_style.css.php',  array('td-bootstrap'), TD_THEME_VERSION, 'all' );
        //wp_enqueue_style('td-theme', get_template_directory_uri() . '/style.less', array('td-bootstrap'), TD_THEME_VERSION, 'all' );
    } else {
        wp_enqueue_style('td-theme', get_stylesheet_uri(), array('td-bootstrap'), TD_THEME_VERSION, 'all' );
    }
}
add_action('wp_enqueue_scripts', 'td_load_css');

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

Your page has 6 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.
Optimize CSS Delivery of the following:
http://fonts.googleapis.com/…-ext,greek,vietnamese,latin-ext,cyrillic
http://fonts.googleapis.com/…c-ext,greek-ext,greek,latin-ext,cyrillic
http://fonts.googleapis.com/…et=latin,cyrillic-ext,latin-ext,cyrillic
http://fonts.googleapis.com/…swald:400,300,700&subset=latin,latin-ext
http://fonts.googleapis.com/…-ext,greek,vietnamese,latin-ext,cyrillic
http://fonts.googleapis.com/…ily=Vollkorn:400italic,700italic,400,700

How To fix this ?

Sorry, but you should without question use a cache. It will only mess things up for your visitors if you use the wrong settings. W3 Total Cache without minifying javascript or CSS is safe. This issue has been brought up and this solution recommended in Newspaper’s docs and the forum many times. 🙂 It will pretty much do a page cache, expiry headers, and basic (but highly necessary) compression.

W3 Total Cache can also be combined with a service like Cloudflare, which serves your site to visitors from its servers rather than your own. It speeds up delivery of some resources and helps with your server response time. (Pagespeed reports that your server responded in a massive 3.7 seconds.) I use this setup too.

A plugin like EWWW Image Optimizer will help with your optimize images problem. Note that you’ll want to do a one-time bulk optimization of your media library, which will take a long time, but after that it should just optimize on upload.

Feel free to ask for more details on the above steps. Once you try all of them, check your scores again. They will have greatly improved.

These are the steps that require little or no technical knowledge, but uf you still need more, start reading the excellent posts by Christopher Simmons and others in the sticky Pagespeed thread.

Best of luck!

Review the docs on mod_pagespeed and your CDN.

The theme creates the thumbnails when *not* using CDN wiht mod_pagespeed; the theme creates thumbnails when using mod_pagespeed, so I’d suspect you have an issue where you’re creating thumbs not locally but perhaps on your CDN and then the theme doesn’t know where they are. Or, your setup isn’t configured as to where to create thumbs, and then mod_pagespeed doesn’t know where they are to optimize them, etc.

Seems like you need to go through the steps of researching

theme assets -> CDN/thumbnails
mod_pagespeed <- CDN/thumbnails