How to optimize the website on low bandwidth

I created a web site when it is displayed with a low bandwidth connection load javascripts to slow and sometimes it would break the layout, caused by the slow connection.

All the JS files are minimized. The css file is compressed.

I placed a few inline css in the head for a faster execution of an image slider.

Images are reduced to the size of the file when it is possible.

Maybe I forgot something in the doc, but I'm stuck on web site optimization.

I hope that someone in the community has some tips and tricks on this topic.

Kind regards

Carla

Here's an avalanche of tips and tricks: perf.rocks

To target the poor with internet users (or even lie-fi), I would include the service workers to the top of the list.

Equally important, remove absolutely everything that is not critical to the user. This includes images of high-fidelity, elements that are not visible, sliders, followed scripts, buttons that bounces, fonts and many other things. (They can be loaded after semi-critical items.)

I use the function "Emulate network connectivity" of the Chrome Dev Tools to discover the site as internet users slow do. Webpagetest.org offers similar features.

Tags: Business Catalyst

Similar Questions

  • How to optimize the query with a join of virtual tables

    I'm working on a query that is get the data of virtual tables 2 and b
    one is formed by the Union, all say 4 queries and b is formed by the Union, all say 3 queries
    then these two virtual tables and b are joined on a column common and data are extracted from their part.
    Problem is that there is about 1 minutes each in the two virtual tables has and b. If individual a and b queries virtual takes about 5 seconds to retrieve data
    but the join on column takes about 25 seconds to retrieve data.
    Can someone guide me how to optimize the recovery of joining 2 virtual tables having large data

    Thank you

    Please read these:

    When your query takes too long
    When your query takes too long...

    How to post a SQL tuning request
    HOW to: Validate a query of SQL statement tuning - model showing

  • Ask for advice on how to optimize a website that loads slowly in the browser?

    My site works fine when I saw Muse or choose to view the site in the browser, but when I publish the BC site loads very slowly, even after optimizing file sizes & minimizing the use of the widget.  Online site is: http://www.northernharvest.com.au love thoughts or tips on how to optimize?  See you soon

    As long as you decide to use exorbitant oversized images in quantities that , you will have no chance to achieve faster load times!

    The images are much, much more then really necessary. Reduce their size to the dimensions in pixels, you really need them in your layout and minimize the size of the file by using a higher JPG compression.

  • How to optimize the WRT 400n for Internet TV

    I've been using a WRT 400n for awhile with 2 pc... a tower near him and a computer laptop about 50 ft, in another room. As much, I would say I am only using the 2.4 GHz to channel 11 band.

    We have just added a Sony Bravia HD TV and a Sony Blu - ray player VD (which is really, as far as I can see, a cool internet access device which can read the DVD). Favorite use is to watch TV shows and movies from Amazon. Problem is, the streaming is very uneven and sometimes what Amazon calls 'connection speed' (which I think is really the network bandwidth) gets so low that the buffering will fail and lose us everything we see.

    So, my question is, how to optimize?

    1. Can I configure the WRT 400n somehow so that the TV / DVD device combination uses 5.0 GHz and this could help. If this is the best option, where can I find detailed advice?
    2. Y at - it than available th firmware update might help?
    3. Could I consider an access point or a Repeater?
    4. Should I go for a router upgraded?
    5. Displacement of the top would REALLY help? I am very reluctant to do this - it is a major concern, but if it's the only option...

    As you can tell, I am naïve in these things and would really appreciate wise counsel!

    Thank you.

    1. the recommendation mentions of connection speeds, for example 10 Mbps. This has nothing to with the frequency band use for a Wi - Fi connection.

    2. the specifications for the BDP-S780 says: ' Wi - Fi built in: 802.11 b/g/n. It does not support the band 5 GHz. 5 GHz band is not an option.

    3 once again: the best solution is to ethernet wiring.

  • How to stop the pop-up "low disk space to D drive?

    A pop-up annoying about disk space low recovery d. There is nothing here that can be deleted to .free upward

    space,

    Would like to know if anyone knows how to rid of the pop-up?

    You have run a full scan? If this isn't the case, please do.

    You might not have message "disk space low recovery d ' except if you've been adding things in it... for example use it to backup file.

    In case you are not aware of this...

    Recovery partition is configured by the manufacturer of your computer. It is designed only for restore your computer in case of system crash.

    He should be left alone. It should not be used for anything other than the system recovery.

    Suggestions:

    1. call your computer manufacturer and ask to speak to a technician. Ask the person to tach you how to access the recovery partition and remove the items which are not supposed to be there.

    2. at the same time, ask a set od Rcovery disc. The price of the package is minmal and it's money well spent.

  • All-in-one HP Deskjet 2132: how to remove the alert of low ink for my printer HP Deskjet 2132

    I had print cartridge black for my Deskjet 2312 to a store near me full, but when I put the cartridge in the alert of low ink not extinguished. How to remove this warning? Please help me.

    Mksharma_007 wrote:

    So this means thet, I can't delete the low ink WARNING level?

    Make sure your store to reset the chip on the cartridge at full level.  If they can't do that, they have done wrong.  Take it for a refund.  To test, install a HP cartridge to see if the message disappears.

  • How to optimize the update statement so that the query is reading the same table?

    Hi all

    I have a process with the following UPDATE statement:

    Sales_val update

    SET ship_date =)
    Select max (hist.ship_date)

    FROM sales_hist hist

    WHERE hist. X_ID = A.X_ID

    AND hist. X_VAL = A.X_VAL)

    ) WHERE EXISTS (select * from sales_hist hist where )

    WHERE hist. X_ID = A.X_ID

    AND hist. X_VAL = A.X_VAL

    )

    sales_val - 50 lines mln (unique index)

    sales_hist - 20 mln ranks (unique index)

    I met many problems with waits and locks - how to optimize to avoid locks using the parameters of tables or changes of the declaration? or maybe is there another way to do optimization ?

    Kind regards

    Bolo

    Thank you for that. Collect in bulk Unfortunatelly + FORALL does not work with the types in 10g - solution is to use the FOR loop and is not as effective as FORALL in many cases. I do still some tests to solve this problem - I'll put you once it's done.

    EDIT: hash partitioning + fusion - 3-5 minutes (time), so for now it's the solution to the problem. Thank you all for the great discussion!

  • How to cut the upper and lower parts in PrE8?

    Hey!

    What is the best way to 'cut' capital letters and tiny pieces of the video screen and finalization that like a movie? I try to get a large "cinematic" with this look, but I'm not sure how well do things. I found, and that by adding adjustable black 'streaks' to the upper and lower part of the screen, but y at - it a way to film the last hand count only the pixels that really show us the picture?

    If I use the effect, the film is always rendered at 1280 x 720 pixels, but I try to avoid making these 'blackened' top and bottom pixels on the screen.

    Okay, I'm not sure if I make my self clear with this crappy description but I hope you understand. ;-)

    Thank you

    -Mike

    Are you trying to turn a 4:3 video to 16:9?

    There is a way to fake - although it is upscaling, if your video is not clear.

    To do this:

    (1) export your video filled with your current project to share/Personal Computer / AVI.

    (2) open a new project. Go in your project settings and change them to widescreen.

    (3) get media/PC files and folders to add the AVI file your created in step 1 to your project, and then add the item to your timeline.

    (4) make a right click on your clip on the timeline, and then select view properties to open the properties panel.

    (5) open the query property in the properties panel and set the scale to 133%.

    Voila!

  • How to optimize the battery in my MacBook Pro?

    Hey,.

    I just bought a new MacBook Pro 2015 13 inches and I love it so far! Mainly, I bought it for use at the University since I am a student in Architecture and I was told that the MacBook Pro are great for this.

    Anyway, as I always take careful care of my business, I want to know how to maximize the battery in my MacBook Pro? Is it true that whenever I have my MacBook Pro connected to the charger and it reaches the max (100%), the charger stops charging? Also, should I turn off or put to sleep when I'm not using it?

    I have read online some tips, but I want to just make sure that all of its clear. I have a lot of questions to be honest, but if someone can give a brief explanation I would really appreciate it!

    Thanks in advance.

    Hi Josetroti:

    When you leave your MacBook Pro is plugged, it stops to load automatically when it reaches 100%. There's no need to unplug it.

    I turn on my Macbook Pro in the morning and left running unless I'm going out for a few hours in this case, I if it turned off.

    In the night I turned off it. I don't use mode 'sleep', as with the SSD climbing boots Macbook very quickly. But that's just my preference.

    I heard that if you leave your computer connected permanently, a once a month, you must let sink to about 30% and then recharge.

    It is not good to let it drop below 10%.

    Here are some tips on using the battery. Batteries for laptops on Mac - Apple Support

  • How to optimize the signal from my router?

    When Im in a room on the ground floor, hence my router is in I can barely get a signal on my iPod Touch and the Xbox!   I was wondering if there is a way to optimize the signal from my router so that I won't have no connection issues... PS.  sometimes resetting the router help, but not as much as I'd like.

    Try these settings.

    Access the routers admin pages.  Connect via a wired computer to 192.168.1.1 with your browser, the empty user name, the password "admin" (everything that you change too).

    Disable UPnP.  Under settings wireless Beacon interval 75, RTS and Fragmentation threshold to 2304.  Try channel 1 or 11.  Save the settings and reconnect.

  • How to optimize the Muse site for handheld

    I have a Muse at OscarSennDesigns.com site that does not appear on your handheld. On the portable version, mouse activates a window with more samples, but on handheld, the window does not disappear. It is permanent and the ruins of the Web site. I can do to make it work? file is too large to attach.

    Hi Oscar,.

    So that the site to be displayed, please define a layout of the phone. How to create a mobile website with Adobe Muse | Adobe Muse CC tutorials

    Kind regards

    Akshay

  • How to optimize the performance of this code?

    I have two clips on a flash project. One of them is fixed and the other can be moved with the arrow keys of the keyboard. The two clips have irregular shapes, so HitTestObject and HitTestPoint does not work very well. I have a function that detects the collision of two clips using bitmap. I wanted to update the position of the Movie clip mobile so I put the function of collision detection under the ENTER_FRAME event listener code. It works fine, but when I add many fixed film clips (about 10 clips fixed in an image), the game (.swf file) becomes slower and slows down the performance of the PC. I thought that my collision detection function has a negative effect on the performance of the PC, so I used the class on this page: https://forums.adobe.com/thread/873737
    but the same thing happens.

    You told me how to do to speed up execution of my codes?

    Here's the part of my code:

    stage.addEventListener (Event.ENTER_FRAME, myOnEnterFrame);

    function myOnEnterFrame(event:Event):void

    {

    If (doThisFn) / / doThisFn is a variable to allow or prevent the kind of mobile film clip moved with arrow keys

    {

    If (left & &! right) {}

    Player.x = speed;

    Player.rotation = player.rotation - speed;

    }

    If (right & &! left) {}

    Player.x += speed;

    Player.rotation = player.rotation + speed;

    }

    If (up & &! down) {}

    Player.y = speed;

    }

    If (down & &! up) {}

    Player.y += speed;

    }

    The clips of film sets are wall1, wall2, wall3, wall4,... and so on
    the following code checks to see how many walls exist on each image and pushes them in table wallA

    for (var i: int = 0; i < 1000; i ++) / / you can put up to 1000 object of wall in the table wallA

    {

    If (this ['wall' + i]) / / if the wall object exists, push it into the table wallA

    {

    wallA.push (this, ['wall' + i]);

    }

    }

    for (i = 0; i < wallA.length; i ++)

    {

    If ( h.hitF (player, wallA [i]) | gameOverTest) / / this code checks whether or not the player (the mobile clip) hit the walls

    {

    trace ("second try");

    gameOver.visible = true;

    doThisFn = false;

    }

    }

    I think the following codes are easy to turn and run. I think that the performance problem is due to previous codes.


    If (player.hitTestObject (door))

    {

    Win.Visible = true;

    doThisFn = false;

    }

    If (key) / / if there is a key on chassis

    {

    If (player.hitTestObject (key))

    {

    Key.Visible = false;

    switch (currentFrame)

    {

    case 4:

    wallA [0] .visible = false;

    .x wallA [0] = 50000;

    break;

    case 5:

    wall14. Play();

    wall8.x = 430;

    break;

    }

    }

    }

    }

    }

    It's a simple question that doesn't usually have a simple answer.

    Here is an excerpt of a book (Flash game development: in a Social, Mobile and 3D world) I wrote.

    Optimization techniques

    Unfortunately, I don't know any way completely satisfactory to organize this information. In what follows, I discuss memory management first with sub-themes listed in alphabetical order. Then I discuss the management of CPU/GPU with subheadings listed in alphabetical order.

    This may sound logical, but at least, there are two problems with this organization.

    1. I don't think it's the most useful way to organize this information.

    2. memory management affects the CPU/GPU use, so that everything in the section of memory management can also be listed in the section CPU/GPU.

    In any case, I'll also list information in two other ways, from the easiest to the most difficult to implement and more for much less.

    Two of these later inscriptions are subjective and dependent on experience developer and capabilities, as well as environmental test and the test situation. I very much doubt there would be a consensus on the order of these lists.  However, I think that they are still valid.

    Easier to the more difficult to implement

    1. do not use the filters.

    2. always use the reverse for loops and avoid loops and avoid while loops.

    3. explicitly stop timers for their loan for gc (garbage collection).

    4. use the weak event listeners and remove headphones.

    5. strictly type variable when possible.

    6. explicitly disable interactivity mouse when interactivity smile not necessary.

    7. replace dispatchEvents with callback functions whenever possible.

    8 it would be gc stop sounds for the sounds and SoundChannels.

    9. use the DisplayObject most basic need.

    10. always use cacheAsBitmap and cacheAsBitmapMatrix with air applications (i.e., mobile).

    11. reuse of objects when possible.

    12 Event.ENTER_FRAME loops: use different listeners and different listener functions applied to DisplayObjects as little as possible.

    13. the pool instead of creating objects and gc objects ' ing.

    14. use partial blitting.

    15. use step blitting.

    16 use Stage3D

    Biggest advantage less

    1. Use the blitting Stadium (if there is enough memory system).
    2. Use Stage3D.
    3. Use partial blitting.
    4. Use cacheAsBitmap and cacheAsBitmapMatrix with mobile devices.
    5. Disable explicitly interactivity mouse when interactivity smile not necessary.
    6. Do not use filters.
    7. Use the most basic necessary DisplayObject.
    8. Reuse objects whenever possible.
    9. Event.ENTER_FRAME loops: use different listeners and different listener functions applied to DisplayObjects as little as possible.
    10. Use reverse for loops and avoid the do loops and while loops.
    11. The pool instead of creating objects and gc'ing.
    12. Strictly, type variable when possible.
    13. Use weak event listeners and remove headphones.
    14. Replace dispatchEvents by the callback functions whenever possible.
    15. Explicitly stop timers on loan for the gc.

    16 stop sounds for the sounds and SoundChannels be gc would be.

  • How to solve the problem of low contrast pages in case of low vision?

    Pages like the page "Start" of Firefox are also low contrast these days that they are almost impossible for me to read. What is the case with Google maps and many other sites. (At mode...?) Anyone know if there are any settings or plugins or anything to get rid of this problem?
    The only thing on the contrast enhancement, that I could find uses the EXTRA menu, but my version of Firefox is not in this menu. (Version Netbook)
    Help would be greatly appreciated!

    These three can be useful and integrated in Firefox to change the themes of pages: https://support.mozilla.org/en-US/kb/accessibility-features-firefox-make-...

  • How to optimize the area available for a character that I can see the image correctly?

    Currently I can't see the image very well because it covers the navigation bar. But if I do the bar disappear, the region because the image becomes smaller too! How can I make the box for the character picture matches the size of the actual image?

    This has happened

    Each time Firefox opened

    == I started using Firefox

    Add toolbars to see the entire height of the image of persona is 3000px by 200px (I don't think that all of the personality of image width can be seen on anything except a screen wide TV screen).

    Firefox comes with 3 tool bars, bar menus, Navigation bar and toolbar of bookmarks. It can vary depending on your operating system and if you have of large or small icons toolbar selected, but on my system, I need to have 10 Toolbars list to see the entire height of the character, I chose.
    YMMV

    View > Toolbars - Customize
    Then click on the Add New Toolbar button, name the new toolbar (I named spacer them 1-7)and then add a space to each new toolbar. Repeat until you have 7 more toolbars. When you are finished - click " fact ".

  • How to get the warning of low battery on the Satellite L350-235?

    Hello

    I have a Toshiba Satellite L350-235
    I have a problem when trying to get a warning sound when my battery is low.

    Can anyone help?
    Thank you
    jnf555

    Hello

    First http://forums.computers.toshiba-europe.com/forums/ann.jspa?annID=41 control and pick up information about the information available there.

    If you still have any questions please let us know.

    Good bye

Maybe you are looking for

  • Card PCI of USB 3 on desktop P6-2018

    I want to add a PCI USB3 card for my 2018. I see two small slits and 1 long slot inside the case. Can I use the slit longer or will be in the need to use one of the smaller?

  • time extraction of the digital signal

    Hello If I have digital signals from optical barriers and to extract the time (for a body that passes these 2 obstacles) how can I retrieve this day there using Labview. THX

  • I have a code of error 0x61011beb

    Anyone know how to solve this error code (0x61011beb) which is on my printer?

  • Cisco router VPN Failover-

    Hello Experts, I have a very simple setup.  I have a Cisco 1841 router with 3 interfaces.  (1eth for LAN, 1eth to ISP2 and 1 eth for isps1). I managed to create backup of VPN tunnel using course maps. Now, I have to create a failover of VPN with a se

  • Question of LCM

    Can someone tell me if the LCM log will capture all data and database changes.  Identify how the newspaper can be asked to provide a list generated by the database system changes for a certain period of time?1. my understanding is that the LCM is use