Home User profile
tagDiv Member
Christopher is a long time WordPress user. Anything else you need to know is private ;-) I *do not* work for TagDiv, but I've been using their themes since late 2013.
simchris
tagDiv Member

What I do is use the links found in my posts under the page speed topic, and just manually minify the main style.css file, and main .js file.

E.g., for CSS:
cssminifier.com

for JS:
http://gpbmike.github.io/refresh-sf/

basically paste the main style.css file into the minifier, then copy and paste the minified version back into the styles file and then upload/over-write main one on the server. Takes 2 minutes. Done.

If you read the other sticky on speed by “Steven”, he has been using a minify plugin that seems to work.

In my case mod_pagespeed minifies my HTML, so don’t have to deal with that. I then use cssminifier to optimize the main css file.

Since I have to do couple of hacks to my functions.php file, and switch on the author name on posts, home page modules, and swap out the field name for view counter to our existing field with EVERY update, it’s not much more work to do the CSS and JS minify on main couple of files each time as well. No plugins needed 🙂

And, another option – if you use GTMetrix to test your site … they can actually spit out “optimized” versions of stuff for you, which is cool.

Just as an anecdote on minification:
minifying the main style.css file will take the size from 286kb to 204kb, as savings of about 80kb, which is actually quite a bit.

  • This reply was modified 12 years by simchris.
  • This reply was modified 12 years by simchris.
  • This reply was modified 12 years by simchris.
simchris
tagDiv Member

Hey!
check the docs, here… under thumb sizes.

basically look at which modules you’re using, and the sizes you’re actually using on your homepage, sidebar, footer, etc.; remove those sizes you’re *not* using:
https://forum.tagdiv.com/modules-and-blocks/

You can also do the trick from my past posts of making sure that the small/medium/large defaults from the WordPress settings panel (not theme panel), match the three sizes you most use; this way you’re not doing theme sizes *and* WP default sizes!

simchris
tagDiv Member

OH, forgot to post the link from Lucian on commenting out the functions.php stuff

http://screencast.com/t/SIgP1ZV3

simchris
tagDiv Member

From my understanding, WP doesn’t generate thumbnails until the image is fully uploaded. What does matter is the size of the image you’re uploading. E.g., the size you’re using should not be larger than 100kb, and ideally 60kb max. If you’re uploading a 2MB image, it’s obviously going to take longer on a slow connection.

Converting a single image to multiple sizes with imagemagick on the server is usually a very fast process and used little RAM if the original image size is not too large (again if you’re uploading 2MB files, that would be a big problem!).

But I’d make sure you comment out the sizes you’re not using, as that does cut the time for processing the image way down. I have a hunch it’s more to do with the refresh and update of the media manager and upload in the browser than the actual image processing.

Sorry that’s not a perfect answer, either.

simchris
tagDiv Member

You can manually edit the menu items to change them, so if you have “new book reviews” you can change that to “book reviews” … or remove items, or make subcategories…

e.g.,

reviews
> book reviews
> music reviews
> movie reviews

etc.

You can manually adjust what in your menu to make as few or as many items as you want, change names, shorten things, or put them in sub-category drop downs.

How to:
http://codex.wordpress.org/Appearance_Menus_Screen

simchris
tagDiv Member

@manuel
yes… just google it 😉

https://developers.google.com/speed/pagespeed/module/filter-lazyload-images

Objective

Optimize browser rendering and reduce number of HTTP round-trips by deferring the loading of images which are not in the client’s viewport. This filter implements the PageSpeed rules for optimizing browser rendering and minimizing round trip times.

The lazyload_images filter defers loading of images until they become visible in the client’s viewport or the page’s onload event fires. This avoids blocking the download of other critical resources necessary for rendering the above the fold section of the page.

**
where we ran into trouble was the “onscroll” feature, which hides things until you scroll down, which would seem to make sense, but with the earlier version of Newspaper, we’d basically scroll down and the images would be too lazy and not load at all !

Now, both the theme and mod_pagespeed have been updated since last time I tried this, so it’s on my to do list to revisit 🙂 I would have gotten back to this, but was really sick for 3 months, and only now getting back to ‘normal” and waaay catching up on stuff. 🙂

simchris
tagDiv Member

See the page speed sticky topic for suggestions on speed 🙂

simchris
tagDiv Member

What we did was make an “Editor’s Picks” category, which is how most sites do it (or “featured”), then make it so only that category shows in slider. Then simply pick stories and put each in the custom category. This way we can feature the exact items we want, even something from 3 months ago.

simchris
tagDiv Member

As of 12:13pm PDT 7/29/14 the themeforest servers are working just fine. I just downloaded the “all files” zip for the theme, so you should have no problem unless it’s a local issue on your network/PC.

simchris
tagDiv Member

We experimented with various lazy loading things; however we ran into issues on home page (this was possibly back on Newspaper 2x, btw), and some other things where sometimes certain images didn’t load at all due to the lazy loading timing out for some things “below the fold” … if your host has mod_pagespeed you can play with that, but there are also some plugins as tomdouble noted above. Be sure to test if you have lots of images; if you see “empty spots” when running lazy load, you might have to do without.

Note with proper server side caching, the images should be cached on first load and then future visitors get cached copy, so perhaps not that necessary. Worth trying if you think it’s slowing down page. Be sure to try running smushit or modifying the functions file to reduce image thumbnail sizes first, as that in combination with caching usually does the trick.

simchris
tagDiv Member

basically, in loop-single.php

uncomment the author item here:

            <div class="meta-info">
                <?php echo $td_mod_single->get_category();?>
                <?php //echo $td_mod_single->get_author();?>
                <?php echo $td_mod_single->get_date(false);?>
                <?php echo $td_mod_single->get_commentsAndViews();?>
            </div>
simchris
tagDiv Member

Hi,
do a search in the forum, as you have to uncomment this in the main post template at this time. It would then add the author name above the feature image below headline next to the category name(s) on each post / article page.

If you’re using an SEO plugin, the author name is added to the “meta” data in the HEAD of the HTML for each post.

simchris
tagDiv Member

Hi…. I had to do this about 4 years back and can’t remember exactly what we did finally. But we did start with the built-in repair function first, which I’m assuming you’ve already tried as found in the WordPress docs.

This page has some more detailed info (this is of many such posts out there saying pretty much the same thing; I just chose this one and have no recommendation for any particular site posting such info)…
http://www.maketecheasier.com/fix-corrupted-wordpress-database-2/

simchris
tagDiv Member

the demo logo for NEWSPAPER on themeforest appears to simply be a variation of Helvetica, such as Helvetica Neue, or Arial BLACK, etc. — you can easily recreate that simply by trying out the fonts pre-installed on your computer if you are running MS Office, any Adobe products, etc. as you likely already have the font.

TIP: download the graphic for logo from demo, then simply put that on a layer in Photoshop, and make partially transparent, then type in NEWSPAPER on the new layer and adjust font to match, then change the text to the lettering for your brand/site name. The “background” show through image is from Photoshop it looks like and *not* part of the font itself, which is not common for vector based fonts.

If you already have AI then you likely have the font already; start with Helvetica, Arial, and similar.

Easy to grab the logo:
http://demo.tagdiv.com/newspaper/wp-content/uploads/2014/07/header-logo.png

Hope that helped.

simchris
tagDiv Member

Offset is set in the visual composer for each module I believe.

You could also modify templates per the WordPress codex info, for the loop and use the offset function as found here:
http://codex.wordpress.org/Template_Tags/get_posts

simchris
tagDiv Member

Sounds like the theme didn’t fully upload. I had this issue when I did the install from zip file. I had to manually unzip then upload via FTP to ensure all the files actually there.

simchris
tagDiv Member

I think for this you would need to create custom templates for each big category, where the Microsoft template has sidebar with the Microsoft posts shown. We did this on a site couple of years back, where we wanted really custom elements PER CATEGORY, and you can basically create new taxonomy like 1) Microsoft 2) apple 3) google … then when doing a post you’d choose the “Microsoft template post” vs default post.

This falls into the custom coding work done on many projects. I try not to do this kind of thing anymore, but you could likely build a custom plugin which does something like

if post main category is 123, then show latest 5 posts from category 123,
else if
post main category is 456, then show latest 5 posts from category 456,

not sure if that helps. But we did do this for one project back in 2011. I think it’s custom taxonomies… so you have to clone existing post template, then register the alternate versions then embed the code you want for sidebar, or use custom sidebar for each taxonomy.

simchris
tagDiv Member

You can’t update visual composer as you don’t get a license to the commercial version when buying the theme; you get the bundled version which is a group license, which is owned by the theme technically. SO, you update VC by updating to latest version of theme. The current version of theme has latest version of VC.

I’m not having any issue with VC built pages (e.g., home page) with Yoast SEO. I have not used “WordPress SEO.” With Yoast you can specify “force write” to sometimes deal with a pesky plugin. With the SEO tool you’re using, you might check the plugin developer’s support for any known issues with Visual Composer.

simchris
tagDiv Member

@mariosem
What I do is for “older” post, I created a category called “editor’s picks” … and then any old story I want to be featured on the front page (and/or sidebar), you can control which items from “the past” would show up by enabling a content block just for “Editor’s Picks”. This is the most common solution for this.

  • This reply was modified 12 years by simchris.
simchris
tagDiv Member

Hi, if you’re talking about line-wrap for long lines …
you might look at this:
http://www.w3schools.com/cssref/css3_pr_word-wrap.asp

You’d likely add the line-wrap function you want to the main CSS file for the theme, under the mobile @media section.

simchris
tagDiv Member

You should check to see if you have any ad modules running which resize images to fit, or if you’re using a sidebar element not part of theme (like a plugin, etc.), which is resizing images like a “related posts” plugin or similar.

If images are being resized from the generated thumbnail via CSS, it often means the next smaller size is missing (be sure to regenerate thumbnails for your old posts, if you have not already).

Obviously it would help to include the link to the GTMetrix report, or to your page where the error is happening for folks to look at.

Also note with GTMetrix it will often show you the names of the files being resized, so you can look at your source code and the page online to debug where that is happening based on file name, and then see if something is off from there.

  • This reply was modified 12 years by simchris.
simchris
tagDiv Member

@ericsan
not really; and it’s not that big of an issue technically.

one of my sites which has this “warning” has a pagespeed for desktop of 97, 91 for mobile, and 85 for mobile UX (no CMS used; all hosted locally).

To give you an idea how funky that “suggested” fix actually is, with the first version we got warning of “only 54% of your page could load to render blah blah” and had pagespeed of 91; we changed around some stuff, got pagespeed of 97 but now says “only 1% of your page could load … try to fix render blocking ….”

Well, 350k page with 1400 DOM elements, loads in 1.3 to 1.6 seconds, has pagespeed of 97 desktop and 91 mobile. SO, big whoop.

If your speed is above 91/92 and you still get “suggestion” for render blocking, you can likely ignore it. It’s pretty hard to get a higher speed with a complex WordPress news portal which has bootstrap 3 as underpinnings.

So, it’s usually best to work out EVEYTHING else first, then if all you have left is “render blocking blah blah” … then you can get on with your life.

To get maximum speed you have to massively optimize your content, figure out how not to load any external stuff from social media, google, etc. — tricky.

simchris
tagDiv Member

I’ve run across one issue with social media sharing on some posts with 3.9.2 (not yet updated to 4x), which contain a single quote in headline such as book title and which also have YouTube video. When sharing via Twitter and FB sometimes get some funky characters, like the encoding is broken. So, on Twitter we see a [] in place of ‘ …

Might not be the same issue, but check if it’s on posts with non text characters in headline/title, and YouTube video(s) auto-embedded in post.

This is the only “random” thing I’ve found with sharing with the standard sharing buttons (the big square CSS3 color buttons with social icons on them). For the moment we switched back to the share buttons with sharing numbers to fix it.

Waiting on 4.3/4.4 to upgrade theme from 3.9.2, but will check this issue once done.

simchris
tagDiv Member

See how to with WordPress docs; the login form is not part of the theme, but can be modified through CSS and the functions.php file where most things are modified without a plugin; see:
http://codex.wordpress.org/Customizing_the_Login_Form

Change the Login Logo

To change the WordPress logo to your own, you will need to change the CSS styles associated with this heading:
<h1>Your Site Name</h1>

WordPress uses CSS to display a background image — the WordPress logo — in the link (<a>)inside the heading tag (<h1>). You can use the login_enqueue_scripts hook to insert CSS into the head of the login page so your logo loads instead.

To use the code below, replace the file named site-login-logo.png with the file-name of your logo, and store your logo with your active Theme files in a directory named /images:

function my_login_logo() { ?>
    <style type="text/css">
        body.login div#login h1 a {
            background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/site-login-logo.png);
            padding-bottom: 30px;
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );

The size of your logo should be no bigger than 80 x 80 pixels (though even this can change with custom CSS). Adjust the above padding-bottom value to the spacing you want between your logo and the login form.

  • This reply was modified 12 years by simchris.
simchris
tagDiv Member

This may or may not work for you with this theme; but general settings from a blog called online media masters, and I’ve seen the same settings elsewhere would be as so:

(THIS MAY BE INCORRECT FOR THIS THEME: BE SURE TO TRY SETTINGS FOR YOUR SETUP: KEEP BACKUPS, AND KNOW HOW TO GO BACKWARDS BEFORE USING ANY CACHE!)

—————-
(to quote …)

General Settings
◾Leave unchecked

Page Cache
◾Page cache: enable
◾Page cache method: disk enhanced

Minify Settings
◾Minify: enable
◾Minify mode: auto
◾Minify cache method: disk
◾HTML minifier: default
◾JS minifier: JSMin (default)
◾CSS minifier: default

Database Cache
◾Database cache: enable
◾Database cache method: disk

Object Cache
◾Object cache: enable
◾Object cache method: disk

Browser Cache
◾Browser cache: enable

CDN
◾CDN: enable
◾CDN Type: MaxCDN

Reverse Proxy
◾Leave unchecked

Network Performance & Security powered by CloudFlare
◾If you have a CDN: leave unchecked
◾If you don’t have a CDN: sign up for CloudFlare and use the settings shown in the picture

Note: W3 Total Cache and CloudFare have integrated their products.

Monitoring

You’ll see an option here to sign up for New Relic. This is a tool for monitoring your web and mobile apps performance. It’s more for developers but if you are one, you probably already know about this service. Otherwise, leave it blank.

Licensing
◾Leave blank

Miscellaneous Settings

If you want to see your Google Page Speed score in your WordPress dashboard, there’s instructions in this menu. Otherwise, here are the settings I use:
◾Enable Google Page Speed dashboard widget: enable
◾Verify rewrite rules: checked
◾Enable file locking: unchecked
◾Optimize disk enhanced page and minify disk caching for NFS: unchecked

Debug
◾Leave everything unchecked

Import / Export Settings

If you want to use the same W3 total cache settings across multiple websites, export your settings and import them into the new WordPress sites.

Viewing 25 posts - 8,651 through 8,675 (of 9,335 total)