PageSpeed Issues "falls outside the viewport"

  • Resolved Eric Greenspan

    (@tothemoonsb)


    10 years, 1 month ago

    The results of my PageSpeed analysis shows:

    The page content is 578 CSS pixels wide, but the viewport is only 320 CSS pixels wide. The following elements fall outside the viewport:

    The element <span>schoolofbookkeeping.com is an</span> falls outside the viewport.
    The element <th class=”column-3″>Course Name</th> falls outside the viewport.
    The element <th class=”column-4″>Course Description</th> falls outside the viewport.
    The element <th class=”column-5″>Lessons</th> falls outside the viewport.
    The element Bookkeeping Fu…ith QuickBooks falls outside the viewport.
    The element <td class=”column-4″>This course wi…ok like a pro.</td> falls outside the viewport.
    The element <td class=”column-5″>34</td> falls outside the viewport.
    The element Bookkeepers De…stomer Service falls outside the viewport.
    The element <td class=”column-4″>Grab onto some…n this course.</td> falls outside the viewport.
    The element <td class=”column-5″>7</td> falls outside the viewport.
    The element Understanding…ial Statements falls outside the viewport.
    The element <td class=”column-4″>The financial…nt’s business.</td> falls outside the viewport.
    The element <td class=”column-5″>9</td> falls outside the viewport.
    The element Bootstrapping…Google Sheets falls outside the viewport.
    The element <td class=”column-4″>Ideas can come…d of the year.</td> falls outside the viewport.
    The element <td class=”column-5″>17</td> falls outside the viewport.
    The element <td class=”column-3″>Cloud Accounti…ckBooks Online</td> falls outside the viewport.
    The element <td class=”column-4″>We are proud a…o the old way.</td> falls outside the viewport.
    The element <td class=”column-5″>37 of 52</td> falls outside the viewport.
    The element <td class=”column-3″>Mastering Micr…ccounting Pros</td> falls outside the viewport.
    The element <td class=”column-4″>We start with…on the Ribbon.</td> falls outside the viewport.
    The element <td class=”column-5″>26 of 26</td> falls outside the viewport.
    The element Microsoft Exce…eping Practice falls outside the viewport.
    The element <td class=”column-4″>Planning Your…ultiplication.</td> falls outside the viewport.
    The element <td class=”column-5″>3</td> falls outside the viewport.
    The element <td class=”column-3″>How to Calcula…The Shark Tank</td> falls outside the viewport.
    The element <td class=”column-4″>Ever watch Sha…the same time.</td> falls outside the viewport.
    The element <td class=”column-5″>3</td> falls outside the viewport.
    The element Residential Pr…ith QuickBooks falls outside the viewport.
    The element <td class=”column-4″>An upcoming co…video course!</td> falls outside the viewport.
    The element <td class=”column-5″>2015</td> falls outside the viewport.
    The element Handling Custo…eposited Funds falls outside the viewport.
    The element <td class=”column-4″>Ever find a me…s mini course.</td> falls outside the viewport.
    The element <td class=”column-5″>4</td> falls outside the viewport.
    The element <td class=”column-3″>BillQuick</td> falls outside the viewport.
    The element <td class=”column-4″>BillQuick is a…a global firm.</td> falls outside the viewport.
    The element <td class=”column-5″>5 of 6</td> falls outside the viewport.
    The element <td class=”column-3″>Expensify</td> falls outside the viewport.
    The element <td class=”column-4″>Hassle-free ex…custom fields</td> falls outside the viewport.
    The element <td class=”column-5″>5 of 13</td> falls outside the viewport.
    The element <td class=”column-3″>Smartsheet</td> falls outside the viewport.
    The element <td class=”column-4″>Spreadsheet Ea…, IT approved.</td> falls outside the viewport.
    The element 1Q15 falls outside the viewport.
    The element <td class=”column-3″>Finagraph</td> falls outside the viewport.
    The element <td class=”column-4″>Finagraph unle…yearly views.</td> falls outside the viewport.
    The element 1Q15 falls outside the viewport.
    The element <td class=”column-3″>Sage</td> falls outside the viewport.
    The element <td class=”column-4″>We'll be updat…rses for Sage.</td> falls outside the viewport.
    The element 2Q15 falls outside the viewport.
    The element <td class=”column-3″>Xero</td> falls outside the viewport.
    The element <td class=”column-4″>In development</td> falls outside the viewport.
    The element 2Q15 falls outside the viewport.
    The element Transaction Pro Importer falls outside the viewport.
    The element <td class=”column-4″>Learn Transact…to QuickBooks.</td> falls outside the viewport.
    The element <td class=”column-5″>5</td> falls outside the viewport.
    The element <td class=”column-3″>PDF2XL</td> falls outside the viewport.
    The element <td class=”column-4″>In development</td> falls outside the viewport.
    The element <td class=”column-5″>2Q15</td> falls outside the viewport.
    The element <td class=”column-3″>Bill.com</td> falls outside the viewport.
    The element <td class=”column-4″>In development</td> falls outside the viewport.
    The element <td class=”column-5″>2Q15</td> falls outside the viewport.
    The element <td class=”column-3″>Cash Flow Projections</td> falls outside the viewport.
    The element <td class=”column-4″>In development</td> falls outside the viewport.
    The element <td class=”column-5″>2015</td> falls outside the viewport.
    The element <span>QBO Advanced</span> falls outside the viewport.
    The element <td class=”column-4″>In development</td> falls outside the viewport.
    The element <td class=”column-5″>2015</td> falls outside the viewport.

    Most of these are TablePress related. Any recommendations?

    https://www.ads-software.com/plugins/tablepress/

Viewing 1 replies (of 1 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    Well, your table is simply too big for small screens, I would guess. That means its wider than the width of small screens (320px here) and thus does not fit (“fall out of the viewport”).

    This is a common problem (responsiveness of tables), and one approach is to make the table scrollable on small screens, e.g. with https://www.ads-software.com/support/topic/responsive-tables-scroll-only?replies=6#post-5511954

    Note that these are not “technical errors” but more like hints regarding possible shortcomings of a page.

    Regards,
    Tobias

Viewing 1 replies (of 1 total)
  • The topic ‘PageSpeed Issues "falls outside the viewport"’ is closed to new replies.

Tags