Tagged: Google Page Speed Toggle Comment Threads | Keyboard Shortcuts

  • ralondo 1:40 pm on March 13, 2017 Permalink | | Unresolved
    • ralondo marked this unresolved
      11:55 am on March 14, 2017

    Tags: , , Google Page Speed, , ,   

    Verbesserungen Dorayaki 

    Hallo zusammen,

    ich habe seit ein paar Tagen das Dorayaki-Theme im Einsatz. An sich mag ich es sehr gerne, nur sind mir ein paar Dinge aufgefallen, die man u.U. verbessern könnte:

    1. Wenn man die Seite auf einem Tablet im Landscape-Modus ansieht, erhält man die Desktop-Ansicht. An sich nicht schlimm, nur ist das Hauptmenü nicht touchfähig, d.h. man kommt nicht an die Untermenüpunkte ran
    2. Die Unterpunkte in der Mobilnavi sind nicht sauber nach Level zu unterscheiden. D.h. ein Level 3 Menüpunkt sieht aus wie ein Level 2 direkt darüber, es findet keinerlei Unterscheidung statt.
    3. Wenn man auf einem Mobilgerät, insbesondere einem Handy, eine lange Seite hat, muss man erst umständlich nach oben scrollen. Hier wäre eine situativ eingeblendete “Nach oben”-Schaltfäche sinnvoll.
    4. Das Theme ist eher suboptimal aufgebaut, was Geschwindigkeit anbelangt. Insbesondere ist mir nicht ganz klar, welche Bildergrößen für die “Recent Posts” Widgets verwendet werden. Auf meiner Seite (https://www.amon.de) werden für 190px breite Bilder zum Teil die 1150px (bzw. aktuell die 500px) Versionen verwendet , was einer flotten Ladezeit entgegensteht. Wenn ich jetzt meine max. Thumbnailgröße in den Mediensettings auf z.B. 200px stelle, damit es in der Übersicht passt, dann werden diese kleinen Bilder aber auch in den eigentlichen Artikeln verwendet, was viel zu klein ist.
    5. Es werden nur ungepackte CSS- und Javascript-Dateien verwendet, keine minified. Wird das noch geändert?
    6. Div. Javascriptdateien werden zum Teil so geladen, dass sie ein weiteres Laden blockieren, d.h. sie müssten eigentlich nicht im Header sondern nach dem Body-Tag kommen. Würdet ihr das korrigieren?

    Wie Ihr vielleicht schon gemerkt habt, sind das zum großen Teil Anmerkungen, die sich daraus ergeben, wenn man die Seite durch das Google PageSpeed Insights Tool jagt. Dies ist aber heutzutage eigentlich unumgänglich, wenn man eine flotte Seite und ein vernünftiges Ranking haben will. Ich habe zwar manches durch Einsatz von Plugins beheben können, z.B. das Thema “minified CSS und JS”, aber eben leider nicht alles. Gerade für unbedarftere Benutzer dürften die notwendigen Anpassungen eher schwer werden.

    Sind denn noch Updates für das Theme zu erwarten? Das letzte Update ist jetzt schon 1 1/2 Jahre her. Ich würde mich übrigens gerne bereit erklären, die genannten Punkte für euch zu verbessern und das Theme entsprechend aufzufrischen, damit Ihr dann ein entsprechendes Update anbieten könnt.

    Denn wie gesagt: an sich gefällt mir das Theme wirklich gut! Deswegen habe ich es ja auch schon im produktiven Einsatz :)

    Grüße, Roland

     
    • Marc (Support-Team) 2:02 pm on March 14, 2017 Permalink | Log in to Reply

      Hallo Roland,

      vielen Dank für deine Anmerkungen. Gerne leite ich die von dir angesprochenen Punkte als Feature-Request weiter, so dass sie für ein kommendes Update berücksichtigt werden können. Leider kann ich dir noch nicht sagen, wann das Update bereitstehen wird.

      Viele Grüße
      Marc

  • Wolke23 9:57 am on January 20, 2016 Permalink | | Flag unresolved

      Tags: , Google Page Speed   

      Baylys Ladezeiten und Headergrafiken 

      Hallo,
      bei einer Website kommt das Baylys-Theme mit Child-Theme zum Einsatz. Es sind keine Headergrafiken aktiviert. Bei einem Speedtest stelle ich allerdings fest, dass die sand.jpg dennoch geladen wird und damit natürlich Requests verursacht sowie die Ladezeit der Seite erhöht. Als ersten Fix habe ich die sand.jpg schon mal durch eine kleine Dummygrafik ersetzt. Ich würde diesen Request aber gern ganz loswerden. Wie kann ich das tun? In der functions.php von Baylys habe ich zwar etwas gefunden, möchte aber nicht in Baylys selbst etwas ändern, sondern gern updatesicher im Childtheme. Über einen Tipp würde ich mich sehr freuen –
      Übrigens habe ich aus der footer.php auch den ganzen Pinterest-Code entfernt, da er ebenfalls den Site Speed massiv verschlechtert hat.

       
      • Wolke23 12:50 pm on January 20, 2016 Permalink | Log in to Reply

        Musste gerade feststellen, dass die dummygrafiken geladen und auf der website angezeigt wurden – hat das ganze Layout zerschossen. Wie können Headergrafiken angezeigt werden, wenn sie gar nicht aktiv sind? Strange.

        • Marc (Support-Team) 9:46 am on January 22, 2016 Permalink | Log in to Reply

          Hallo @wolke23,

          bei Baylys werden die Standard-Headerbilder quasi als Demo vorgegeben. Um diese zu deaktivieren kannst du einfach ein anderes Headerbild auswählen und danach wieder löschen. Diese Methode ist leider durch den aktuellen Customizer etwas umständlich und intransparent.

          Viele Grüße
          Marc

      • Wolke23 11:41 am on January 22, 2016 Permalink | Log in to Reply

        Hallo Marc, vielen Dank für deinen Tipp, hat funktioniert :)

    • molliemorrissette 1:34 am on October 10, 2013 Permalink | | Flag unresolved

        Tags: customizing, floating menus, Google Custom Search, Google Page Speed, , sliders, , , validation tools   

        Hi Ellen!

        I love your designs and I am working with Tatami now on my website http://www.PoisonedPets.com and I think it looks great so far.

        However, there are just a few things I am having trouble with customizing:

        1. I want to customize the social icon color, but I can’t figure out where to do that.

        2. Also, the menu on the left has a light grey background for the parent pages – I would like to customize that color as well, but I can’t seem to find out how.

        3. I have the code for a Google’s Custom Search widget, I tried to replace the default search (in the upper left hand-side of the theme) in theme functions file, however both search widgets showed up. And oddly, the Google custom search widget also showed up in the footer! Strange.

        I was afraid to remove the default search in the functions code, but perhaps that is what I should do. But as I was nervous about doing that, in addition Google’s logo which is supposed to fit inside the search box – does not – it pops out of the search box (half way in and half way out). I would like to eliminate their logo altogether, perhaps that would do the trick.

        Adding Google’s search function to WordPress is something everyone should consider, as WordPress’ search function is notoriously horrible.

        4. Oops, I almost forgot – what image width is recommended for the sidebars?

        5. I tried adding a link to the About image via the edit image function in Tatami’s About widget – but it will not become active – the image is not linked to the location (PayPal donations).

        6. Has anyone successfully added a responsive slider and/or a sticky responsive navigation menu to Tatami?

        7. Has anyone checked their page speed with Google Page Speed Insights before and after switching to a new theme? I did and it was really scary: It went from a Grade B to a Grade D & some Grade F’s. My previous theme, which I thought was awful, was actually was much, much faster. I am worried now because Google will downgrade your site if it’s slow.

        8. My old theme images were smaller than Tatami’s featured image sizes, which is OK – they are almost big enough. But the default in Tatami is flush left and I would prefer to center the featured image thumbnails. How do I do that? I started converting all my featured images to another (larger) size using the plugin you recommend, but it was taking forever as I have over 3000 images on my site.

        Ellen, what do you think of these tools (below) and have you used them to test your work? Do you think they have any value to the end consumer?

        For me, as a complete noob when it comes to web dev, they are daunting, frustrating and of course confusing as Hell for a nincompoop like me.

        The “experts” warn consumers about badly coded and bloated themes and suggest using these tools, which is fine if you know what you’re looking at. But the tools only succeeded in driving me nuts. I eventually stopped using them, gave up and went back to the original designs I loved in the first place – yours!

        Google Page Speed Insights
        Pingdom
        Yslow
        W3C Validation Services
        GT Metrix

        Thank you so much for your fantastic work!

        Regards from the US,

        Mollie

         
        • Ellen (Support-Team) 6:47 am on October 11, 2013 Permalink | Log in to Reply

          @molliemorrissette: Thanks so much for your great feedback, I’m happy that you like the theme. Unfortunately we can not provide help for CSS customizations like color changes and so on here in the forum, but you can find out the style changes with the help of tools like Firebug or the native CSS tools in the Chrome or Safari browser.

          Regarding the search form, yes, you would have to delete the native search form directly in the template file sidebar-left.php, see the code:

          <?php get_search_form(); ?>
          

          Images in the sidebar should be at least 240px to be full width.

          Regarding the page speed, from testing if you use the Tatami theme without any plugins or the share buttons, the speed should not be too slow. Did you add any additional plugins or functions to the theme after changing to Tatami?

          You can use the “Regenerate Thumbnail” WordPress plugin to change the thumbnail sizes for Tatami, first you need to change the thumbnail sizes in Settings/ Media/ (840px fr big thumbnails, 760px for thumbs below the title), then you can run the plugin once and the thumbnail sizes should change.

          In general, yes, we test all our themes with tools like page speed and validation, but there are also some things we can’t change since it would not work with the theme functionality. But I just prepared a Tatami update (will release it later today) with some further improvements also on the page speed. For the HTML validation, some reported “errors” are actually not direct theme code, but share buttons code or direct WordPress code. So I can not change them.

          I hope my answer is helpful. Best, Ellen

          • youngpilot 2:37 pm on October 11, 2013 Permalink | Log in to Reply

            I’m also looking forward to the Tatami update. But where or how can i get the updated version?

            I also love the tweaks and changes you did to http://www.elmastudio.de, especially the new more compact menu style, the language switcher and the different logos for varying widths. Are these also part of the update? If not, could you give me some tips how you did those things?

            Thanks in advance & best greetings from Aachen,
            Julian

          • molliemorrissette 4:37 pm on October 12, 2013 Permalink | Log in to Reply

            Thank you Ellen for your great response.

            Yes, I am a great Fan of Firebug – I use it frequently!

            I will give Google search another try – thanks for the info. I figured I would have to take out the native search function. I was going to remove it from the functions.php file. Oops!

            I changed my thumbs to the media sizes you recommended – but what if I just want to center my old/original (smaller) sized images without using the regenerate thumbs plugin? I suppose I could figure it out in Firebug. Silly me.

            I suppose I could just use the plugin and then uninstall it.

            Re: Page Speed Insights – No, I didn’t install any new plugins – I am religious about keeping the number to the bare bones. I only use Jetpack, Akismet, Yoast’s SEO plugin, and a couple of others.

            Thanks for sending out the Tatami update! Now, I just need to remember how to install just the updated files or do I simply install the entire new (updated) theme. God, it’s terrible being so dumb. But that’s what Google is for!

            Thanks again for your fantastic themes! I had been searching for weeksand weeks (I am VERY picky), then the minute I saw yours I new my search had come to an end. Funny, the only other designers work I appreciated live in Europe as well. Oddly, my sister, who lives in Vienna, said I would fit in perfectly there because I love everything to be tidy and organized!

            Best,

            Mollie

          • molliemorrissette 12:18 am on October 17, 2013 Permalink | Log in to Reply

            I did it! I got the Google custom search engine up and running inside Tatami! Sort of…it’s not perfect.

            I took out the native search function from the sidebar-left.php as you recommended and plopped the Google CSE V1 code into the search-results.php file because I want the search results to open in a hover page. Then I used the text widget to enter Google’s CSE shortcode to show the Google CSE search box, but all it it did was show this itty-bitty-teeny-tiny box buried under the main menu nav.

            Even though the widget was placed in the no. 1 spot, it would not post to the top left sidebar (as the original Tatami search box was located).

            So, I added the Tatami native search function back in, so now — and this is the bad part — when you type in your search terms a Google CSE box appears where you must type in your search query once more. But at least you get good results — eventually!

            My poor Tatami search box looks a little goofy now too as well. Oh well…

            Thanks for the support!

            Best, Mollie

      c
      compose new post
      j
      next post/next comment
      k
      previous post/previous comment
      r
      reply
      e
      edit
      o
      show/hide comments
      t
      go to top
      l
      go to login
      h
      show/hide help
      shift + esc
      cancel