¿Cuál es la mejor manera de usar acordeones JavaScript en una página web móvil?

En la segunda opción, ¿te referías a cargar las páginas con AJAX?
De cualquier manera, creo que la primera opción es mejor. Aquí hay algunas razones por las cuales:

  • este enfoque sigue siendo una mejora progresiva, ya que está introduciendo la experiencia mejorada (acordeón) solo en navegadores capaces
  • No veo por qué un simple acordeón (alternar clase al hacer clic) no funcionaría incluso en un teléfono inteligente más antiguo. Esta es una de las cosas más simples que puede hacer con JavaScript y tal vez 1 o 2% de los visitantes tengan dificultades para ejecutar este JavaScript, por lo que no es suficiente de qué preocuparse. Si está utilizando una forma más complicada de construir su acordeón, considere volver al enfoque de “alternar clase al hacer clic”, ya que debería estar disponible para el 99% de sus visitantes
  • en caso de que su segundo enfoque sea AJAX, definitivamente vaya con la opción 1 y agregue todo su contenido en su página de inmediato, incluso si es largo, esto es mejor para SEO y accesibilidad